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

Question

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

<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在单击按钮时再次播放

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>