jQuery Video Extend详解编程语言

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://blog.ytso.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视频编码格式重新编码，得到的视频就可以使用了。