css - 停止在移动设备上自动播放背景视频

Question

我在一个非常简单的网站上工作，以全屏视频作为背景播放(打开网站时自动播放)。对于移动尺寸，我将视频背景切换为图像幻灯片，只是在移动屏幕尺寸上显示幻灯片并隐藏视频

但是我注意到在某些移动浏览器上，当我打开网页时，自动播放视频仍会在视频播放器中自动打开。我想我可能需要在移动设备上删除视频或停止自动播放属性。有什么建议我可以做一些小的改变来实现它吗？

非常感谢!

Answer 1

尝试编写一个简单的 JavaScript 代码来强制停止自动播放功能。使用此语法

var vid = document.getElementById("ID of video element");
vid.autoplay = false;