问题描述

禁止video标签自动全屏播放

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

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

解决方案

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

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

解决方案二：

可以试试这样

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

解决方案三：

代码 为：

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

解决方案四：

' ' 不好意思不会发代码