vue使用video.js播放视频

关于video.js

Video.js是一款带h5背景的网络视频播放器，支持h5和Flash视频播放(可以加载本地静态资源视频和网络链接视频)

官方网站：videojs.com/

装置

npm安装video.js

main.js中引入

从' video.js '导入视频' video.js/dist/video-js.css' vue . prototype . $ video=视频使用

div class=' demo 1-video ' video id=' my video ' class=' video-jsvjs-default-skinvjs-big-play-centered ' controls//确定播放器是否有用户可以与之交互的控件。没有控件，开始视频播放的唯一方法是使用自动播放属性或通过播放器应用编程接口。Autoplay: '静音'，////自动播放属性，静音d:静音播放预加载='自动'//建议浏览器是否应在视频加载元素后立即开始下载视频数据。海报='./assets/img/e 0531 . jpg//设置视频封面来源src=' http: './assets/video/e 0531 . MP4 ' type=' video/MP4 '//video address/video/div可以直接使用css来控制视频的宽度和高度

取得的效果截图

上图：完成了一个简单的video.js应用

摘要

以上是边肖介绍的vue的video.js播放功能。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！