2011-10-21 15 views
31

क्या एचटीएमएल 5 वीडियो को रोकने और रिवाइंड करने का कोई तरीका है? या बस बस बंद करो?एचटीएमएल 5 वीडियो रोकें और रीवाइंड करें

मुझे एक jQuery पॉपअप मिला, इसलिए जब कोई उस पर क्लिक करता है, तो पॉपअप दिखाता है और वीडियो चलाता है, और जब आप बंद बटन दबाते हैं तो वीडियो रुक जाता है। तो मैं जो करने की कोशिश कर रहा हूं वह यह है कि यदि आप पॉपअप दिखाने के लिए बटन को फिर से क्लिक करते हैं तो वीडियो प्रारंभ स्थिति (0 सेकंड) में शुरू होता है।

धन्यवाद।

उत्तर

42

आप इसे खोलने (या पॉपअप को बंद करने) पर अपने jquery वीडियो तत्व का संदर्भ प्राप्त कर सकते हैं और इसे रोकें() का उपयोग करके रोकें, और फिर शुरुआत में वापस जाने के लिए "currentTime" प्रॉपर्टी को 0 पर सेट करें।

वर्तमान समय के लिए documentation का संदर्भ यहां दिया गया है।

var video = document.getElementById('vidId'); 
// or video = $('.video-selector')[0]; 
video.pause(); 
video.currentTime = 0; 
video.load(); 

नोट::

var mediaElement = document.getElementById("video"); 
mediaElement.pause(); 
mediaElement.currentTime = 0; 
+0

यह बिल्कुल काम नहीं करता है: document.getElementById ('वीडियो') { this.currentTime = 0; } मैं क्या गलत कर रहा हूं? कोई jQuery विकल्प? –

+0

@Alejandro या अगर आपका वीडियो टैग आईडी 'वीडियो' है तो इसे आज़माएं। var mediaElement = document.getElementById ("वीडियो"); mediaElement.pause(); mediaElement.currentTime = 0; –

+2

@AlejandroAr jquery के साथ, आप $ ('# videoId') कर सकते हैं। (0)। रोकें(); $ ('# वीडियो आईडी') प्राप्त करें (0) .currentTime = 0; –

5

वीडियो तत्व के pause() विधि को कॉल करें। समय को रीसेट करने के लिए, currentTime से 0 (या सेकंड में आवश्यक होने पर कोई अन्य मान सेट करें) सेट करें।

7

एक उचित stop (थामने & रिवाइंड) कार्यक्षमता तुम कर सकते हो निम्न होना करने के लिए:

यहाँ एक कोड नमूना है यह केवल संस्करण के लिए काम किया है मुझे nodejs (meteorjs) का उपयोग करके क्रोम में webm & ogg फ़ाइलें

+0

'video.load(); video.play(); ' मैं लोड के बिना काम करने के लिए यह नहीं मिल सका। मुझे लगता है कि एपीआई बदल गया है। –

0

jQuery में 0 सेकंड के लिए एक वीडियो रीसेट करने के लिए:

$('#video')[0].currentTime = 0; 

या, वेनिला जे एस में (हालांकि यह ऊपर बताया गया है):

var video = document.getElementById('video'); 
video.currentTime = 0; 
संबंधित मुद्दे