vue-video-player设置中文

最新推荐文章于 2024-05-22 16:44:32 发布

原创最新推荐文章于 2024-05-22 16:44:32 发布 · 653 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

这篇博客介绍了如何在Vue.js应用中集成vue-video-player组件。首先，通过import导入vue-video-player，并引入video.js的样式文件。接着，设置videojs为VueVideoPlayer的videojs属性，并加载中文语言包。最后，使用Vue.use()方法启用VueVideoPlayer。

main.js中配置如下：

// 视频播放 vue-video-player
import VueVideoPlayer from 'vue-video-player'


// require videojs style
import 'video.js/dist/video-js.css'
window.videojs = VueVideoPlayer.videojs
require('video.js/dist/lang/zh-CN.js')
Vue.use(VueVideoPlayer)