jQuery Video Extend
2016-01-09 21:53
661 查看
HTML5视频扩展插件
可以添加Logo添加标记
使用方法:
下载:jquery-video-extend<script src="js/jquery-2.1.4.min.js"></script> <script src="js/jquery.video-extend.js"></script>
<script> $(document).bind('ready',function() { $("#video1").videoExtend({ logo: 'logo.png', logoLink: 'http://itmyhome.com', logoSize: [45, 20], markers: [{ time: 13.04, // seconds text: 'Chapter 1' }] }) }); <//script>
<video id="video3" width="450" height="260" controls loop autoplay> <source src="video/simple.mp4" type="video/mp4"> </video>
另一种方式:
<video width="450" height="260" data-logo="img/logo.png" data-markers='[{"time":13,"text":"Chapter 1"},{"time":150,"text":"Chapter 2"}]'> <source src="video/Sintel.mp4" type="video/mp4"> </video>
演示:pushu.me
PS: MP4其他之外格式能否播放没有验证。
如果MP4视频不能被播放,可能视频的编码格式不是 h264。
利用格式工厂对mp4视频,用h264视频编码格式重新编码,得到的视频就可以使用了。
作者:itmyhome
相关文章推荐
- jquery学习随笔(动画效果)
- jquery学习随笔(模拟行为、事件委托)
- jQuery之动画特效
- jQuery之操作DOM元素
- jQuery之选择器
- easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法
- jQuery页面刷新(局部、全部)问题分析
- jquery实现模拟点击跳转 $.trigger
- jquery实现模拟点击跳转 $.trigger
- jquery学习随笔(冒泡和默认行为)
- ajax局部刷新后里面的jquery事件失效的解决方法
- jquery页面刷新reload
- 异步加载数据 jQuery $.getJSON
- Jquery Ajax发送请求的方法
- jquery学习随笔(事件对象)
- oschina jQuery 插件
- oschina jQuery 插件
- 使用jqueryui
- jQuery: 做一个简单的模版加载
- jQuery立即调用表达式