vue3-video-play使用，视频播放中断问题

Question

vue3-video-play播放视频，可能是因为视频太大原因，播放一般就不播放了，需要重新播放
视频的地址是

不知道是什么原因，求解！

Answer 1

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7508178
• 这篇博客你也可以参考下：vue3-video-play 实现视频播放
• 除此之外, 这篇博客: vue-video-player 使用总结中的 3、vue-video-playey 动态存储播放时间和播放百分比 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  mounted() {
  	// 监听页面离开时触发
  	let that = this
  	window.addEventListener('unload', function () {
  		// 调用后台接口对事件存储
  	    that.setTimes(that.playTime)
   	})   
  },
  methods: {
  	// 当前播放位置发生变化时触发
  	onPlayerTimeupdate(player){
  		// 获取播放时间
  	    let currentTime = player.cache_.currentTime
  	    // 百分比
  	    let num = parseInt(player.cache_.currentTime/player.cache_.duration * 1000) / 10
  	    // 标记变量赋值
  	    this.playTime = `${currentTime};${num}`
  	},
  },
  destroyed () {
  	// 判断用户 是否播放
      if(this.playTime){
          this.setTimes(this.playTime)
      } 
  }
  

  ps

  • 怎么说了，这个video 播放，搞了两三天；换了一拨又一波插件；反正过程是真的曲折；特别是那个分片播放，哎，最后还是采用了 m3u8 格式；（前端直接处理ts文件，可以参考 muxjs 这个轻量库）；
  • 特别是要注意的是，当你做项目时引用了不同播放插件比如 flvjs、CKPlayer.js、videojs 。。。来做实验时，最终确定下来用哪一个的时候，一定要把其他的插件卸干净；或者干脆实验的时候，重新弄一个项目；我当时就碰到了一个问题，最终决定用 m3u8 作为播放源，vue-video-player做播放插件的时候，这个插件死活播放不了 m3u8的视频；
  • 遇到了一个很奇怪的问题，x5内核播放MP4文件的时候，那个currentTime设置不起作用，但是缓存 m3u8 流播放的时候，这个就起作用了，巨坑

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^