Приостановить воспроизведение видео с помощью JQuery/JavaScript

Question

У меня есть видео на моем сайте и кнопка, которая должна обменивать показанное видео с другим. Когда я это делаю, он работает, но, тем не менее, первое видео, которое было показано, воспроизводится в фоновом режиме после изменения (я могу здесь озвучить его). Я хочу приостановить воспроизведение первого видео/стопа, прежде чем оно будет заменено, но это не сработает. Код отлично заменяется, но почему первое видео все еще играет в фоновом режиме? Любые намеки? Благодаря!

<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(); 
    }); 
}); 

Answer 1

Обновите страницу jQuery, чтобы включить код javascript/jQuery для воспроизведения и приостановки видео.

Answer 2

Попробуйте использовать .html() вместо использования ReplaceWith(), или просто изменить атрибут SRC, InstEd вставки весь код.

Также вы можете попробовать использовать функцию .stop().