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