1.安装依赖(亲测5.0.1版本可用,最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式) yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1import VideoPlayer from 'vue-video-player/src'2import 'video.js/dist/video-js.css'3require('vue-video-player/src/custom-theme.css')...
<template><divclass="video"><video-playerclass="video-player vjs-custom-skin"ref="videoPlayer":playsinline="true":options="data.playerOptions"></video-player></div></template><script>import { reactive } from '@vue/reactivity'; export default { name: 'Video', props:['video','cover'],...
var player = videojs('my-video', { loop: true }); 3. 动态设置 如果你需要在视频播放过程中动态设置循环播放,你可以使用video.js的 API: // 获取 video.js 实例 var player = videojs('my-video'); // 开启循环播放 player.loop(true); // 关闭循环播放 player.loop(false); 任何一种方法都可...