jQuery Video Extend

﹏ヽ暗。殇╰゛Y 2022-08-19 08:28 113阅读 0赞

#### HTML5视频扩展插件 ####

*  可以添加Logo
 *  添加标记

![这里写图片描述][20160107164216845]

#### 使用方法： ####

下载：[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][]

[20160107164216845]: /images/20220731/ee95ff7810c148b2a5d01623aa8fe4d0.png
[jquery-video-extend]: http://andchir.github.io/jquery-video-extend/
[pushu.me]: http://video.pushu.me
[itmyhome]: http://blog.csdn.net/itmyhome1990

发表评论取消回复

表情：

评论列表（有 0 条评论，113人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery.extend 和 jquery.fn.extend 的区别

* jquery.extend 是用来扩展 jQuery 对象本身 * jquery.fn.extend 是用来扩展 jQuery 实例 > jQuery 主要用...

悠悠/ 2024年04月18日 08:38/ 0 赞/ 64 阅读

相关 jquery的$.extend()

权声明：本文为博主原创文章，遵循[ CC 4.0 BY-SA ][CC 4.0 BY-SA]版权协议，转载请附上原文出处链接和本声明。本文链接：[https://bl...

以你之姓@/ 2024年04月17日 22:19/ 0 赞/ 66 阅读

相关 jQuery插件 jQuery extend()、jQuery.fn.extend()

一、jQuery extend()、jQuery.fn.extend() 简介插件绑定（为jQuery对象增加函数），extend() 方法挂载在 jQuery 和 j

清疚/ 2023年02月21日 11:42/ 0 赞/ 17 阅读

相关区别和详解：jQuery extend()和jQuery.fn.extend()

1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上

矫情吗；*/ 2022年09月21日 13:24/ 0 赞/ 198 阅读

相关 jQuery Video Extend

HTML5视频扩展插件可以添加Logo 添加标记 ![这里写图片描述][20160107164216845] 使用方法：下载：[jquery-v

﹏ヽ暗。殇╰゛Y/ 2022年08月19日 08:28/ 0 赞/ 114 阅读

相关 jQuery.extend

一、Jquery的扩展方法原型是:　 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3…合并到dest中,返

小鱼儿/ 2022年06月11日 04:59/ 0 赞/ 200 阅读

相关 jquery.fn.extend与jquery.extend

看他们的网页做那么炫，js技术用的那么牛B，想想用一下图片的动态加载技术，可是搜索了一下资料，发现要实现瀑布流动态加载效果，那个js水平要是何等的高，慢慢看了一下，突然发现自己

桃扇骨/ 2022年04月06日 07:22/ 0 赞/ 233 阅读

相关 jQuery.extend()

jQuery.extend( target，obj1 ，obj2 ) 描述: 将两个或更多对象的内容合并到第一个对象。参数：一个参数，jQuery对象本身被默认为目标对象

╰+攻爆jí腚メ/ 2021年12月11日 10:03/ 0 赞/ 285 阅读

相关 jQuery.fn.extend与jQuery.extend 的区别

1 jquery.extend 是jquery 静态的方法实例 jQuery.extend(\{ liu: function()\{

偏执的太偏执、/ 2021年12月09日 19:55/ 0 赞/ 332 阅读

相关 jQuery.extend()方法

文章目录 1. 作用 2. 语法实例1：普通合并实例

ゝ一世哀愁。/ 2021年11月14日 14:42/ 0 赞/ 269 阅读