2 windper windper 于 2016.04.19 16:55 提问

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

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

5个回答

showbo
showbo   Ds   Rxr 2016.04.19 17:05

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

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

可以试试这样

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

json_ligege
json_ligege   2016.04.19 20:09

代码 为:

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

json_ligege
json_ligege   2016.04.19 20:10

' ' 不好意思不会发代码

json_ligege
json_ligege 在video标签上添加 controls=“controls”
一年多之前 回复
zjl199303
zjl199303   2016.09.05 10:42

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!