网页视频播放最佳实践

网页视频播放是个不大不小的问题,说小,简单到一个Video标签就能搞定,说大,IE9以下都不支持html5的<video></video>标签。以前我们习惯用第三方插件,如videojs,ckplayer等解决,最近在做工程是发现一个好库,分享一下:
这个库就是html5media.jsgithub地址 | 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控制视频播放

效果刚刚的:

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容