其他分享
首页 > 其他分享> > vue-video-player 相关事件笔记

vue-video-player 相关事件笔记

作者:互联网

安装引入基础使用部分 请移步:https://juejin.cn/post/6844903989641740296

相关事件方法:

// 加载视频
      // this.$refs.videoPlayer.player.load();
      // 播放视频
      // this.$refs.videoPlayer.player.play();
      // 暂停播放
      // this.$refs.videoPlayer.player.pause();
      // 直接全屏 如果当前设备支持的话
      // this.$refs.videoPlayer.player.requestFullscreen();
      // setTimeout(() => {
      //   // 在全屏模式下,将视频恢复到正常大小
      //   this.$refs.videoPlayer.player.exitFullscreen();
      // }, 1000);
      // 当环境不支持全屏时 则扩展铺满容器
      // this.$refs.videoPlayer.player.enterFullWindow();
      // 进入全屏后操作的事件
      setTimeout(() => {
        // 重置播放器
        // this.$refs.videoPlayer.player.reset();
        // 返回当前播放源信息
        // console.log("currentSources : ", this.$refs.videoPlayer.player.currentSources());
        // 获取或者设置预加载属性
        // this.$refs.videoPlayer.player.preload(val);
        // 播放控件是否显示
        // this.$refs.videoPlayer.player.controls(false);
      }, 1000);

  

标签:视频,vue,refs,videoPlayer,player,video,全屏,播放
来源: https://www.cnblogs.com/qianxiaoPro/p/14245826.html