使用JQuery/JavaScript暫停視頻播放

-1

我在我的網站上有一個視頻和一個應該與另一個視頻交換顯示視頻的按鈕。當我這樣做的時候，它可以工作，但是第一個顯示的視頻在改變後在後臺播放（我可以在這裏聽到它的聲音）。我想暫停第一個視頻/在播放它之前停止播放它，但這不起作用。代碼被完全替換，但爲什麼第一個視頻仍在後臺播放？任何提示？謝謝！使用JQuery/JavaScript暫停視頻播放

<video id="video" controls="controls" autoplay="autoplay" loop="loop"> 
<source src="inc/1.mp4" type="video/mp4"> 
<source src="inc/1.webm" type="video/webm">    
</video> 
<div class="video-active" movie="one">Active Video</div> 


$(function() { 
    $(".section-video-button").on("click", function() { 
     document.getElementById('video').pause(); 
     if ($('.video-active').attr('movie') == 'one') { 
      $('#video').replaceWith('<video id="video" controls="controls" autoplay="autoplay" loop="loop"><source src="inc/2.mp4" type="video/mp4"><source src="inc/2.webm" type="video/webm"></video>'); 
      $('.video-active').attr('movie','two'); 
     } else { 
      $('#video').replaceWith('<video id="video" controls="controls" autoplay="autoplay" loop="loop"><source src="inc/1.mp4" type="video/mp4"><source src="inc/1.webm" type="video/webm"></video>'); 
      $('.video-active').attr('movie','one'); 
     } 

     $('#video').load(); 
    }); 
});

來源

2013-10-26 Torben

你爲什麼不改變視頻的src而不是你在這裏？ –

更新jQuery頁面以包含用於播放和暫停視頻的javascript/jQuery代碼。

$("video").trigger("play"); 
$("video").trigger("pause");

來源

2013-10-26 14:00:12

嘗試使用.html（）而不是使用replaceWith（），或者只是更改SRC屬性，而不是插入整個代碼。

也可以嘗試使用.stop（）函數。

來源

2013-10-26 13:55:45 Leneron

使用JQuery/JavaScript暫停視頻播放

回答

相關問題