Jquery 如何在html5视频播放器中添加自动播放属性

我想在单击特定的目标按钮时，向

元素添加一个属性

autoplay

HTML

---

。。。但是视频没有播放。我做错了什么？

设置autoplay标志不足以播放视频，您应该在将autoplay设置为true后立即调用load（）方法，以便视频将重新加载然后播放，因为该标志为true

$('video').autoplay = true;
$('video').load();

但是，当你可以用JS播放视频时，为什么要这样做呢？以下是使用jQuery的方法：

$('.targetButton').on('click', function(){
  $('video').attr("autoplay"," ");
});

$('video').play();

使用视频控件：自动播放

您还可以包括

-Play， 暂停， 寻求， 卷， 全屏切换， 字幕/副标题（如果可用）， 曲目（如果可用）

试试这个

var video=document.querySelector（“视频”），
按钮=document.querySelector（“按钮”）；
addEventListener（“单击”，函数（）{
视频播放（）
//video.setAttribute（“autoplay”、“autoplay”）//这将设置属性，但不会播放
}，假）

播放视频

您的用户代理不支持HTML5视频元素

您可以使用JavaScript启用属性，但需要向视频元素添加ID：

HTML

我更新了您的问题，添加了您希望在单击按钮时开始播放视频的内容，否则就没有问题了：您的代码成功地添加了属性..play（）对我不起作用，但您的第一个建议起作用
$('video').play();

<video controls autoplay>
  <source src="video.mp4" type="video/mp4">
</video>

<video id="myVideo" controls>
    ...
</video>

document.getElementById("myVideo").autoplay = true;