javascript - 如何在单击按钮时停止自动播放视频，然后使用 js 在单击按钮时再次开始播放

Question

我有一个在 jquery 中自动播放 onload 的视频。我想在单击按钮时停止播放视频，然后单击另一个按钮开始播放视频

<video autoplay loop muted>
  <source src="promo.mp4" type="video/mp4">
</video>

这是我给的开始，但它不会在开始时自动播放视频

var vid = document.getElementById("myVideo"); 

function playVid() { 
  vid.play(); 
} 

function pauseVid() { 
  vid.pause(); 
} 

我想在加载页面上自动播放视频并在按钮单击时停止视频并在按钮单击时使用 javascript/jquery 再次播放

标签： javascriptjqueryhtmlhtml5-video

Answer 1

利用vid.autoplay=true

var vid = document.getElementById("myVideo"); 
var count=0;
function control()
{
count++;
if(count%2==1)
pauseVid();
esle
playVid();
}
        function playVid() { 
            vid.play(); 
        } 
        function pauseVid() { 
            vid.pause(); 
        } 
vid.autoplay = true;
vid.load();

<video autoplay loop muted onclick="control()">
  <source src="promo.mp4" type="video/mp4">
</video>