关于video.jscss
video.js是一个拥有h5背景的网络视频播放器,同时支持h5以及Flash视频播放(可加载本地静态资源视频以及网络连接视频)npm
官网:videojs.com/浏览器
安装网络
npm install video.js
ide
main.js中引入post
import Video from 'video.js' import 'video.js/dist/video-js.css' Vue.prototype.$video = Video
使用spa
<div class="demo1-video"> <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls //肯定播放器是否具备用户能够与之交互的控件。没有控件,启动视频播放的惟一方法是使用autoplay属性或经过Player API。 autoplay: "muted", // //自动播放属性,muted:静音播放 preload="auto" //建议浏览器是否应在<video>加载元素后当即开始下载视频数据。 poster="../assets/img/E0531.jpg"> //设置视频封面 <source src="../assets/video/E0531.mp4" type="video/mp4" > //视频地址 </video> </div>
能够直接使用css来控制video的宽高prototype
实现的效果截图code
以上:对于video.js的一次简单应用就完成啦视频