CSSjs移动端网页自动弹出视频解决方法

在开发网站时,作者遇到一个问题:PC端的Banner使用视频作为背景效果正常,但在手机上测试响应式设计时,视频会直接全屏显示。为了解决这个问题,作者查找了资料,并通过在页面头部添加JavaScript代码`<script>video.controls=false;</script>`,成功阻止了手机端视频自动播放并全屏,达到了预期的显示效果。可以访问https://www.xinlinggong.top/查看修复后的结果。
摘要由CSDN通过智能技术生成

今天写网站代码的时候,PC端banner用了这个视频做背景效果

PC端看正常,然后用手机来测试(网站响应式)打开网站,就出现如图所示

什么都看不了,直接弹出视频,于是上网找资料........

   <script type="text/javascript">
   
   var video=document.getElementById("video"); 
   
   video.controls=false;
   </script>

只要在页面的头部加上以上代码即可

最终效果(用手机看):https://www.xinlinggong.top/

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值