एचटीएमएल 5 वीडियो एंड्रॉइड डिवाइस पर लूप नहीं होगा

Question

कोशिश करने के कुछ घंटों के बाद, मैं पूछना चाहता हूं कि एचटीएमएल 5 वीडियो टैग का उपयोग करके एंड्रॉइड डिवाइस पर एक वीडियो कैसे लूप करें।

किसी प्रकार का ब्राउज़र स्वतंत्र होने के लिए, मैंने वीडियो चलाने के लिए video.js शामिल किया। सबकुछ फ़ायरफ़ॉक्स और क्रोम के लिए ठीक काम करता था, लेकिन मेरे एंड्रॉइड डिवाइस (एंड्रॉइड 4.0.4 के साथ एसएसजी 3) पर वीडियो शुरू या लूप नहीं होगा।

<video id="model_video" autoplay loop preload="auto" data-setup="{}" width="90%" height="90%" poster="images/black.jpg"> 

वीडियो शुरू नहीं किया। लेकिन जेएस में video.start() को कॉल करके इसे आसानी से हल किया गया था। लेकिन लूपिंग उस के साथ काम नहीं करता है। भले ही लूप विशेषता समर्थित है, यह समस्याएं पैदा करती है। विशेषता लूप = झूठी या लापता लूप विशेषता के साथ भी, यह अभी भी सत्य पर सेट है।

कुछ वेबसाइटें बताती हैं कि ईवेंटलिस्टर जोड़ने की आवश्यकता है। लेकिन दुर्भाग्य से, यह काम नहीं किया।

Answer 1

समाधान जेएस का उपयोग करके लूप विशेषता को गलत पर सेट करना है। यहां तक ​​कि लूप = वीडियो टैग की विशेषता के रूप में गलत या लापता लूप विशेषता के साथ, video.loop सत्य देता है। तो लूपिंग करने के लिए, निम्नलिखित स्निपेट ने चाल की:

var video = document.getElementById("model_video"); 
    //this did the trick 
    video.loop = false; 
    video.addEventListener('ended', function() { 
     video.currentTime=0.1; video.play(); }, false); 
    video.play(); 

चीयर्स!