前排提示:这个是基于vue的
添加依赖
找到项目的package.json文件在dependencies中加入依赖
json
"vue-video": "^0.1.7",
"vue-video-player...": "^5.0.2",
"video.js": "^7.10.2",
"videojs-contrib-hls": "^5.15.0",
效果如下:
json
"dependencies": {...Vue.config.productionTip = false
new Vue({
el: '#app',
router,
store,
render: h => h(App)
})
引入Video
在页面中引入重点代码即可...language: 'zh-CN',
aspectRatio: '16:9', // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。...值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
fluid: true, // 当true时,Video.js player将拥有流体大小。