禁止video标签自动全屏播放
 <video  loop onClick="javascript:clickVideo();" ><source src="" type="video/webm">  </video>

原本是在被点击时才播放,但是在华为mate8手机上进入页面后,总是自动全屏播放,求大神指点。

5个回答

video用div代替,放个播放按钮做背景水平垂直居中,onclick加到div上,然后动态设置div的innerHTML为video的html代码,添加autoplay="autoplay"试试

  <video  loop onClick="javascript:clickVideo();" ><source src="" type="video/webm">  </video>
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复windper: 是啊,你要兼容华为就用这种办法,其他牌子的手机应该也没有问题
4 年多之前 回复
windper
windper 不好意思,我应该是没说清楚,我是想禁止手机上自动播放这一行为,想让它在mate8上也是被点击后才会播放。其他手机都好,只是客户在他自己的华为mate8手机上测试时有了这个问题。
4 年多之前 回复

可以试试这样

controls 如果出现该属性,则向用户显示控件,比如播放按钮。

代码 为:

<video loop onClick="javascript:clickVideo();" ><source src="" type="video/webm"> </video>

' ' 不好意思不会发代码

json_ligege
JSON_L 在video标签上添加 controls=“controls”
4 年多之前 回复

你的 clickVideo 怎么写的呢? play 方法调用他就直接全屏了呢?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐