vue-video-player 相关事件笔记

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

相关事件方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 加载视频
      // 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);

  

posted @   浅笑19  阅读(2377)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示