h5移动端video中autoplay实现自动播放

3,115 阅读1分钟

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> -->