使用Javascript向视频元素添加自动播放

Question

当用户滚动到视频元素上的特定区域时，我想让我的视频自动播放并循环。我知道我可以使用JS观察器来做到这一点：但是，我如何使用JavaScript来添加和删除"自动播放"？

我希望我的默认代码为：

<video loop muted>
<source src="/videos/my_video.mp4" type="video/mp4" >
</video>

当用户触发JS观察者时，我希望发生什么：

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

Answer 1

document.querySelector('video').autoplay = true;

Answer 2

document.querySelector('video').play();

或者

document.querySelector('video').pause();