使用video.js踩坑。单页切换后无法播放

2021-04-10 21:26

阅读：587

标签：页面 dispose player let 函数 play isp color 自动

问题：动态创建多个video实例后，切换其他页面后在切换回来，无法播放，控制台报警告id被占用！

思路：在生命周期beforeDestroy函数中销毁创建的video实例。

代码：

 beforeDestroy(){ //（第三步）在销毁之前拿到video实例
    for(let i=0;ithis.playlist.length;i++){
     this.playlist[i].dispose(); //（第四步）dispose()是官方的销毁函数
    }
  },
  mounted() {
    setTimeout(_ => {  
      let lang=this.videolist.pageData.length   //（第一步）这是多个视频地址数组的长度
      for(let i=0;i){
      var player=  videojs("my-video"+i, {   //播放的事件
              textTrackDisplay: false,
              posterImage: true,
              errorDisplay: false,
              controlBar: true,
              hls: {
                withCredentials: true
              }
            }, function () {
              // this.play()   //取消自动播放
            })
              this.playlist.push(player)  //（第二步）palylist是定义的空数组，存放多个视频实例
      }
    }, 1000);
  },

接上上篇博客《在vue项目中播放m3u8格式的视频》

博客地址：https://www.cnblogs.com/cb1490838281/p/12331262.html

使用video.js踩坑。单页切换后无法播放

标签：页面 dispose player let 函数 play isp color 自动

原文地址：https://www.cnblogs.com/cb1490838281/p/12424892.html

上一篇：webdriver中的等待-WebDriverWait()

下一篇：dockce启动httpd+git

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：使用video.js踩坑。单页切换后无法播放
文章链接：http://soscw.com/index.php/essay/73961.html

亲，登录后才可以留言！

使用video.js踩坑。单页切换后无法播放

问题：动态创建多个video实例后，切换其他页面后在切换回来，无法播放，控制台报警告id被占用！

思路：在生命周期beforeDestroy函数中销毁创建的video实例。

代码：

接上上篇博客《在vue项目中播放m3u8格式的视频》

评论

热门文章

推荐文章

最新文章

置顶文章