html5中嵌入视频自动播放的问题解决方法

作者:袖梨 2022-06-25

本篇文章小编给大家分享一下html5中嵌入视频自动播放的问题解决方法,代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

区分安卓和ios,因为安卓全屏不是退出视频,而是退出页面了,ios的视频就挺好的,系统自带有操作按钮

所以安卓上取消了所有的控制按钮,ios就放开了按钮


  videoLoaded(){
    this.$refs.videoEle.play();
  }

说道视频,还有一个问题,就是切换不同的tag然后切换视频,发现把视频路径写在source里面,是有问题的,直接把连接写在video里面,就像下面这样:




data(){
preSrc:[
  require("./images/pre1.png"),
  require("./images/video-pre.jpg")
],
videoSrc:[
  require("./images/invader-video.mp4"),
  require("./images/brithday.mp4")
],

}

相关文章

精彩推荐