video.js:前提:隐藏了控件按钮,ios手机实现autoplay自动播放没问题,但是在安卓手机中,部分手机,有播放开始按钮,可点击播放,部分手机没有播放按钮,视频播放不了。
<video
:id="'video-'+data.momentId"
class="video-js vjs-big-play-centered"
webkit-playsinline="true"
:poster="data!=null?data.linkPic:''"
autoplay="autoplay"
playsinline="true"
controls="controls"
>
<source
:src="data!=null?data.urlList[0]:''"
type="video/mp4"
></source>
</video>
在查询资料过程中,解决方案之一可以添加
muted
属性(静音),但是结果就是,有声音没有播放过程。
html5中的video
<!-- <video
class="video-js vjs-big-play-centered"
:src="data!=null?data.urlList[0]:''"
:poster="data!=null?data.linkPic:''"
autoplay="autoplay"
playsinline="true"
muted
controls="controls"
type="video/mp4"
>
</video> -->