video 播放器自动播放问题

最近在写9宫格视频播放的功能,需要自动播放,但是发现一个问题,有些浏览器是禁止自动播放带音频的视频的,即使有的可以自动播放,但是页面刷新后,视频不会自动播放。

后面查找资料,因为是禁止有音频的视频播放,所以把视频进行静音就可以了。

video 有个属性 muted 表示是否静音播放,设置muted=muted 就可以自动播放了,不管在什么浏览器或者刷新都会自动播放

还有一种方法是,用js去监听执行play()方法,

<video
      width="100%"
      height="100%"
      :src="video.videoUrl"
      :poster="video.liveVideoThumbnail"
      autoplay
      muted
      >

附上效果图video 播放器自动播放问题

 这里还有一个样式布局问题,video 标签有width,height可以设置,一般都是在一个容器里面包裹着video,video设置宽高100%,video会自动按照比例16:9显示完整的视频内容,所以视频并不会完全的铺满容器。

可以只设置video的width, 然后让video高度自适应

上一篇:微信小程序:一则iOS下用video播放mp4文件问题排查


下一篇:《我的大叔》看完了