h5嵌入android的视频播放器

原创 2016年05月30日 16:41:21

我是个小菜鸟,这是第一次接触视频行业,这次的项目要求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视频播放踩的一些坑

最近在开发手机h5视频播放器嵌app里,在网上看到一些h5的插件,如video.js,zyMedia..., 个人觉得如果在移动端用的话,没多大必要用这些插件,直接用h5提供的标签就可以了, 官方也提...

video.js--很赞的H5视频播放库

http://www.cnblogs.com/stoneniqiu/p/5807568.html video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网...

H5研究一:定制一个最简单的H5 视频播放器<video></video>

本文介绍使用video标签完成视频播放的播放器包含暂停、播放 循环播放 更改尺寸 > 效果如下: 编辑器:Hbuilder代码如下: ...
  • Xoxo_x
  • Xoxo_x
  • 2017年06月24日 16:26
  • 1593

HTML5 播放器心得与小结

随着 HTML5 的普及,越来越多视频网站使用 标签播放直播、点播内容(如下图所示)。使用 的好处,主要以下两点:可以直接在页面中播放,也就是所谓的“区域播放”,上半屏是视频播放,下半屏是其他内容...

H5 video 播放器demo

H5 video 播放器demo前言最近在做一个wap端的项目,需要视频播放功能。大家也知道wap对flash支持很差,优先考虑使用h5播放器video,之后在介绍几个插件和第三方视频实现方法。H5 ...

Android Webview中解决H5的音视频不能自动播放、只有声音没有图像的问题

开发webview的时候,当加载有声音的H5的时候,声音不会自动播放,必须手动触摸一下屏幕,声音才会播放出来,虽然在H5文件中设置了autoplay属性,也调用了play方法,依然不能自动播放,最后通...

Android webview实现h5视频全屏播放兼容Android7.0,自己添加webview库兼容全部版本

Android webview实现h5视频全屏播放兼容Android7.0,实现微信的网页浏览功能,自己添加webview库兼容全部版本,解决webview坑视频全屏onShowCustomView经...

jquery.media.js 插件实现在线预览PDF文件

代码: 在线预览PDF文档 $(function() { $('a.media').media({width:800, heigh...

Android WebView Video完全详解(第二篇)-H5前端开发人员

转载请注明出处 Author:ruanjianjiagou@163.com 背景 第一篇详解主要是讲解Android客户端需要开发的内容,本篇主要是讲前端在开发中需要特别主要的一个点...

JS调用Android里面的方法,Android调用JS里面的方法

Android WebView     在公司Android的开发过程中遇到一个新的问题,那就是让Java代码和Javascript代码进行交互,然后在网上找到了关于webView的资料,之前并没...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:h5嵌入android的视频播放器
举报原因:
原因补充:

(最多只允许输入30个字)