vue-video-player

DSY_RL 2021-04-14 06:40:56

我使用js让视频自动全屏，但是需要点击一下在能进入视频中，实现一些键盘事件。
问：怎么能够全屏视频后直接聚焦，不需要再次点击

...全文

34 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

此demo是一个用video.js封装的播放组件—vue-video-player。用于前端播放本地或链接地址视频。

安装 npm install vue-video-player --save 引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）【1】全局引用，在main.js里面导入并引用 import VideoPlayer from 'vue-video-player' import 'vue-video-player/src/custom-theme.css' import 'video.js/dist/video-js.css' Vue.use(VideoPlayer) 【2】组件内引用import { videoPlayer } from ‘vue-video-pl

本文实例为大家分享了vue-video-player视频播放器的使用配置，供大家参考，具体内容如下 1、安装 npm install vue-video-player -save 2、在main.js中添加 import VueVideoPlayer from 'vue-video-player' // 视频播放器 import 'video.js/dist/video-js.css' Vue.use(VueVideoPlayer) 3、新建一个vueVideoPlayer.vue组件供调用 <video-pl

网页放置视频播放器，我一般都是用video.js和它的插件vue-video-player 一：Video.js 需求：对于简单的视频播放需求来说，video.js足以胜任了。它可是支持HTML5和Flash的视频播放器呦。 1：安装video.js npm install -s video.js 2:在main.js文件中引入相关文件 import Video from 'video.js' import 'video.js/dist/video-js.css' Vue.prototype.$video = Video 3:在组件中使用