2010-05-28 13 views
6

मैं सफलता के बिना video टैग के लिए एचटीएमएल 5 onended ईवेंट पर प्रतिक्रिया करने की कोशिश कर रहा हूं। नीचे दिए गए कोड स्निपेट में मैंने यह सुनिश्चित करने के लिए माउसलेव ईवेंट जोड़ा है कि jQuery कोड सही है और वह ईवेंट alert() बॉक्स को सक्रिय करता है।एचटीएमएल 5 वीडियो ऑनेंडेड इवेंट फायरिंग

वीडियो ठीक खेलता है लेकिन मुझे onended ईवेंट नहीं मिला है (मेरा alert() आग नहीं है)।

क्रोम में परीक्षण, आज संस्करण 5.0.375.55 पर अपडेट किया गया।

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#myVideoTag").bind('mouseleave onended', function(){ 
     alert("All done, function!"); 
    }); 
}); 

</script> 
</head> 
<body> 
<video id="myVideoTag" width="640" height="360" poster="Fractal-zoom-1-04-Snowflake.jpg" controls> 
    <source src="Fractal-zoom-1-04-Snowflake.mp4" type="video/mp4"></source> 
    <source src="Fractal-zoom-1-04-Snowflake.ogg" type="video/ogg"></source> 
</video> 

<body> 
<html> 

उत्तर

17

आप .on("click") करना चाहते हैं, उदाहरण के लिए आप .on("onclick") नहीं कर सका हमेशा जब jQuery के साथ बंधन on बाहर छोड़ सुनिश्चित करें कि आप onended के बजाय ended घटना के लिए बाध्य कर रहे हैं,,,। http://www.w3.org/2010/05/video/mediaevents.html

+1

यह भी याद रखें कि ईवेंट विंडोज फोन मोबाइल के लिए यानी 9 मोबाइल पर नहीं निकाला जाएगा। – Timo

+1

दो साल बाद और यह अभी भी ड्राफ्ट स्पेस है 'संपादक का ड्राफ्ट 26 जून 2012' –

+1

इसे 3 साल बाद बनाएं: संपादक का ड्राफ्ट 30 जुलाई 2013 –

2

मैं भी इस बात के लिए उत्तर के लिए खोज रहा था:

यदि यह मदद करता है, वहाँ <video> तत्व यहाँ के लिए उपलब्ध घटनाओं की एक पूरी सूची है। यहां jQuery मोबाइल फ्रेमवर्क के लिए मेरे लिए क्या काम किया गया है:

$(document).ready(function(){ 
    $("#idname").bind('ended', function(){ 
    $.mobile.changePage($('#idofpageyouwantogoto'), 'fade'); 
    }); 
});