h5嵌入android的视频播放器

我是个小菜鸟,这是第一次接触视频行业,这次的项目要求h5页面嵌入android里面在webview的环境下做视频播放器,我的js水平不是很n,开始的想法是自己用js写个原生的播放器,最终放弃了,因为有好多细节待处理和优化。后来就从网上搜了好多插件,比如:video.js...等等,这些都是用浏览器的控件做的不可取,然后又试了下jPlayer.js插件,感觉不好用,样式也不怎么高大上。废话不多说了进入正题:

于是乎意外发现腾讯家出的一款视频插件zyMedia,功能齐全,上手容易,样式也显得高大上。这个插件的简介地址:https://github.com/ireaderlab/zyMedia

1.刚开始我没给video标签加source  type="video/mp4" 结果视频出不来,一直显示不支持此视频,加上就好用了

2.视频的上方显示的标题,实例是这样写的data-config='{"mediaTitle": "《疯狂动物城》"}';mediaTitle后面的值写死了好用,写成动态的不好用,最后研究发现

zymedia('video',{"mediaTitle":moviename,"autoplay": "true"});
最后大功告成了,分享给小伙伴们,不用谢我哦...哈哈

你可能感兴趣的:(h5视频播放器)