在开发网站时，作者遇到一个问题：PC端的Banner使用视频作为背景效果正常，但在手机上测试响应式设计时，视频会直接全屏显示。为了解决这个问题，作者查找了资料，并通过在页面头部添加JavaScript代码`<script>video.controls=false;</script>`，成功阻止了手机端视频自动播放并全屏，达到了预期的显示效果。可以访问https://www.xinlinggong.top/查看修复后的结果。
今天写网站代码的时候，PC端banner用了这个视频做背景效果
PC端看正常，然后用手机来测试（网站响应式）打开网站，就出现如图所示
什么都看不了，直接弹出视频，于是上网找资料........
<script type="text/javascript">
var video=document.getElementById("video");
video.controls=false;
</script>只要在页面的头部加上以上代码即可
最终效果（用手机看）：https://www.xinlinggong.top/
扫一扫
308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
