दिलचस्प पोस्ट
अजगर में सभी आवृत्तियों में वर्ग चर को साझा किया जाता है? आप एक समाधान में कई परियोजनाओं के बीच स्क्रिप्ट कैसे साझा करते हैं? जावा 7 (जेडीके 7) कचरा संग्रह और जी 1 पर प्रलेखन मैं एक HTML ईमेल कैसे भेजूं? ASP.NET MVC में दृश्य संकलित करें पर कस्टम कस्टम देखें विवरण String.replace में एक regex इनपुट कैसे करें? MySQL स्ट्रिप गैर-संख्यात्मक वर्णों की तुलना करने के लिए Iphone sdk 3.0 में पृष्ठभूमि कार्य के लिए डेमन प्रक्रिया को लागू करने के लिए कैसे? क्लास में यह क्या अंतर है और यह जावा में है MySQL के लिए स्ट्रिंग पायथन को बचें एक विंडोज फॉर्म फॉर्म में WPF नियंत्रण रखो jQuery की घटना प्रतिनिधिमंडल कस्टम सदस्यताप्रदाता को .NET 4.0 में क्लिक पर इनपुट पाठ का डिफ़ॉल्ट मान हटाएं

जब एक HTML5 वीडियो समाप्त हो जाए, तब पता लगाएं

जब एक HTML5 <video> तत्व खेलना समाप्त हो गया है, तो आप कैसे पता लगा सकते हैं?

वेब के समाधान से एकत्रित समाधान "जब एक HTML5 वीडियो समाप्त हो जाए, तब पता लगाएं"

आप पहले परम के रूप में 'समाप्त' वाले ईवेंट श्रोता को जोड़ सकते हैं

इस कदर :

 <video src="video.ogv" id="myVideo"> video not supported </video> <script type='text/javascript'> document.getElementById('myVideo').addEventListener('ended',myHandler,false); function myHandler(e) { // What you want to do after the event } </script> 

ओपेरा देव साइट पर "मैं अपना खुद का नियंत्रण रोल करना चाहता हूं" अनुभाग के तहत एचटीएमएलए विडियो और ऑडियो पोस्ट के बारे में जानने के लिए इस सब चीज़ को देखें

यह प्रासंगिक अनुभाग है:

 <video src="video.ogv"> video not supported </video> 

तो आप उपयोग कर सकते हैं:

 <script> var video = document.getElementsByTagName('video')[0]; video.onended = function(e) { /*Do things here!*/ }; </script> 

onended सभी मीडिया तत्वों पर एक HTML5 मानक इवेंट है, एचटीएमएल 5 मीडिया तत्व (वीडियो / ऑडियो) इवेंट्स डॉक्यूमेंटेशन देखें।

jQuery

 $("#video1").bind("ended", function() { //TO DO: Your code goes here... }); 

एचटीएमएल

 <video id="video1" width="420"> <source src="path/filename.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> 

इवेंट प्रकार HTML ऑडियो और वीडियो DOM संदर्भ

यह एक सरल तरीका है जो वीडियो समाप्त होने पर ट्रिगर होता है

 <html> <body> <video id="myVideo" controls="controls"> <source src="video.mp4" type="video/mp4"> etc ... </video> </body> <script type='text/javascript'> document.getElementById('myVideo').addEventListener('ended', function(e) { alert('The End'); }) </script> </html> 

'इवेंटलिस्टनर' लाइन में 'इवेंट' शब्द को 'पॉज़' या 'प्ले' के साथ स्थान के रूप में अच्छी तरह से उन घटनाओं पर कब्जा करने के लिए स्थानापन्न करना।

यहाँ एक पूर्ण उदाहरण है, मुझे आशा है कि यह मदद करता है =)।

 <!DOCTYPE html> <html> <body> <video id="myVideo" controls="controls"> <source src="your_video_file.mp4" type="video/mp4"> <source src="your_video_file.mp4" type="video/ogg"> Your browser does not support HTML5 video. </video> <script type='text/javascript'> document.getElementById('myVideo').addEventListener('ended',myHandler,false); function myHandler(e) { if(!e) { e = window.event; } alert("Video Finished"); } </script> </body> </html> 

आप सुनकर सभी वीडियो इवेंट्स को ended, loadedmetadata, timeupdate कर सकते हैं ended, loadedmetadata, timeupdate जहां ended फ़ंक्शन को वीडियो समाप्त होने पर कहा जाता है

 $("#myVideo").on("ended", function() { //TO DO: Your code goes here... alert("Video Finished"); }); $("#myVideo").on("loadedmetadata", function() { alert("Video loaded"); this.currentTime = 50;//50 seconds //TO DO: Your code goes here... }); $("#myVideo").on("timeupdate", function() { var cTime=this.currentTime; if(cTime>0 && cTime % 2 == 0)//Alerts every 2 minutes once alert("Video played "+cTime+" minutes"); //TO DO: Your code goes here... var perc=cTime * 100 / this.duration; if(perc % 10 == 0)//Alerts when every 10% watched alert("Video played "+ perc +"%"); }); 
 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <video id="myVideo" controls="controls"> <source src="your_video_file.mp4" type="video/mp4"> <source src="your_video_file.mp4" type="video/ogg"> Your browser does not support HTML5 video. </video> </body> </html>