mediaelement.js - पहले वीडियो के अंत में एक और वीडियो चलाएं

Question

हर किसी के लिए क्रोक @ वीडियो द्वारा संदर्भित। मैं पहले एक सिरे के बाद स्वचालित रूप से एक दूसरा वीडियो चलाने में सक्षम होना चाहता हूं, और फिर दूसरे सिरे के बाद एक स्थिर छवि प्रदर्शित करना चाहता हूं। एक निश्चित अवधि के बाद, पहले वीडियो पर वापस लूप करें।

धन्यवाद

Answer 1

$(function(){ 
     $('audio,video').mediaelementplayer({ 
      success: function(player, node) { 
       player.addEventListener('ended', function(e){ 
        player.src = 'media/somefile.mp4'; 
        player.load(); 
        player.play(); 
       }); 
      } 
     }); 
    }); 

कि यह करना चाहिए।

Answer 2

वीडियो के स्रोत को बदलने के लिए आपको setSrc API विधि का उपयोग करना है। अन्यथा ब्राउज़र में फ्लैश के लिए काम नहीं करेगा जो एचटीएमएल 5 का समर्थन नहीं करता है (उदाहरण के लिए फ़ायरफ़ॉक्स)

एक और महत्वपूर्ण बात - इस समस्या को देखें - Chrome/Safari, setSrc -> play। क्रोम में वीडियो को ठीक से दिखाने के लिए कुछ टाइमआउट होना चाहिए।

दुर्भाग्य से "प्लेयर" हमेशा काम नहीं करता है, इसलिए यह उपयोगकर्ता "मीडिया" ऑब्जेक्ट के लिए बेहतर है।

 $('video').mediaelementplayer({ 
      pluginPath: "/YourPlaginPath/", 
      success: function (media, node, player) { 
       media.addEventListener('ended', function (e) { 

        setTimeout(function() { 
         media.setSrc('somevideo.mp4'); 
         media.load(); 
         media.play(); 
        }, 500); 

       }, false); 
      } 
     });