网页视频播放是个不大不小的问题,说小,简单到一个Video标签就能搞定,说大,IE9以下都不支持html5的<video></video>标签。以前我们习惯用第三方插件,如videojs,ckplayer等解决,最近在做工程是发现一个好库,分享一下:
这个库就是html5media.js
。github地址 | CDN引用
All it takes is a single line of code to make HTML5 video and audio tags work in all major browsers.
让所有主流浏览器支持video标签
如是,只需要简单在页面中引入cdn。然后一句<video id="videoPlayer" :src="currVideoUrl" width="800" height="450" controls preload autoplay >您的浏览器不支持html5视频播放,请升级浏览器</video>
就解决了蛋疼的视频播放问题,不需要任何插件,爽。
附上html5 video api,方便js控制视频播放
效果刚刚的: