首页 > 技术文章 > vue-video-player 相关事件笔记

qianxiaoPro 2021-01-07 12:55 原文

安装引入基础使用部分 请移步: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);

  

推荐阅读