वीडियो रोकना एचटीएमएल 5 वीडियो टैग में ऑडियो नहीं रोकता

Question

मैं pause() विधि का उपयोग कर एक वीडियो को रोक रहा हूं .. समस्या यह है कि ऑडियो चल रहा है ... मैंने फ़ायरफ़ॉक्स में जावास्क्रिप्ट कंसोल से इसे रोकने का भी प्रयास किया .. । कुछ नहीं हुआ। वीडियो .ogg प्रारूप में है और क्रोम में भी नहीं खेल रहा है (क्योंकि मुझे लगता है कि यह समर्थित नहीं है)। मैंने अमेज़ॅन एस 3 पर वीडियो होस्ट किया और यह पूरी तरह स्ट्रीमिंग कर रहा है। मैं जेएसओएन अनुरोध से अपनी जानकारी लोड कर रहा हूं, गतिशील रूप से तत्व बना रहा हूं। यहाँ कुछ कोड है:

function showVideo() { 
     var video = videodata; 

     var videobox = $('#videobox').first(); 
     var videoplayer = document.getElementById('videoplayer'); 

     if (video.Enabled) { 
      if ((videoplayer != null && videoplayer.currentSrc != video.Location) || videoplayer == null) { 
       console.log('Creating video elem'); 
       videobox.empty(); 
       videobox.append('<video id="videoplayer" preload="auto" src="' + 
        video.Location + '" width="100%" height="100%" autoplay="autoplay" loop="loop" />'); 
       videobox.show(); 
      } 
     } else { 
      if (videoplayer != null) { 
       videoplayer.pause(); 
       console.log('Pausing video...'); 
      } 
      console.log('Deleting video elem'); 
      videobox.hide(); 
      videobox.empty(); 
     } 
    } 

मैं पहले से ही से पहले एक ऐसी ही प्रश्न पोस्ट ... लेकिन अब मैं अन्य ब्राउज़र का उपयोग कर रहा हूँ, इसलिए मैंने सोचा कि मैं एक नया सवाल पैदा करने के लिए किया है।

---

यहाँ काम कर कोड (उपयोगकर्ता heff करने के लिए धन्यवाद!) है

function showVideo() { 
    var video = videodata; 

    var videobox = $('#videobox').first(); 
    var videoplayer = document.getElementById('videoplayer'); 

    if (video.Enabled) { 
     if ((videoplayer.src != video.Location) || videoplayer.src == '') { 
      console.log('Playing video: ' + video.Location); 
      videoplayer.src = video.Location; 
      videoplayer.load(); 
      videoplayer.play(); 
      videobox.show(); 
     } 
    } else { 
     if (videoplayer.src != '') { 
      console.log('Pausing video...'); 
      videoplayer.pause(); 
      videoplayer.src = ''; 
      videobox.hide(); 
     } 
    } 
} 

Answer 1

मेरा अनुमान होगा कि showVideo बुलाया जा रहा है दो बार कुछ कैसे और दो प्रतियां, बनाने, जिनमें से एक रखता है दूसरे पर विराम कॉल करने के बाद भी खेलना।

आपके कोड में, videoplayer var आपके द्वारा जोड़े गए वीडियो टैग को संदर्भित नहीं करेगा, यह उस बिंदु को इंगित करेगा जो पहले था, जो मुझे लगता है कि जब आप बॉक्स खाली करते हैं तो हटा दिया जाता है, लेकिन हो सकता है स्मृति में चारों ओर छड़ी (और ध्वनि बजाना जारी रखें)।

बस मेरा सबसे अच्छा अनुमान है, लेकिन किसी भी तरह से वीडियो तत्व के एपीआई का उपयोग करना बेहतर होगा ताकि बॉक्स को खाली करने और टैग को पुनर्निर्माण करने के बजाय स्रोत और अन्य मानकों को सेट किया जा सके।

videoplayer.src = video.Location; 
videoplayer.autoplay = true; 
// etc. 

इसके अलावा, 100% चौड़ाई/ऊंचाई विशेषताओं के लिए मान्य मान नहीं है। किसी क्षेत्र को भरने के लिए वीडियो को खींचने के लिए आपको सीएसएस का उपयोग करने की आवश्यकता होगी।

Answer 2

हे दोस्तों, मेरे पास एक समान समस्या थी जिसे वास्तव में अद्भुत कोडर के साथ हल किया गया था। इस पोस्ट को देखें। यह बहुत अच्छा उपयोग हो सकता है। HTML5 Video Controls do not work

आप html विशेषता का उपयोग कर रहे हैं:

<video id="yourvideoID" poster="Pic.jpg" loop autoplay controls width="100%"> 
 
<source src="//example.website/InnovoThermometer.mp4" type="video/mp4">   
 
</video>

ऑटोप्ले निकालें।

तो बजाय ऑटोप्ले उपयोग करने के लिए jQuery का उपयोग करें: html5 video playing twice (audio doubled) with JQuery .append()

और

Auto-play an HTML5 video on Dom Load using jQuery

:

$(document).ready(function() { $("#bigvid3").get(0).play(); });

स्रोत के रूप में कई स्थानों देखते हैं