https://github.com/andchir/jquery-video-extend

HTML5 Video Extend
https://github.com/andchir/jquery-video-extend

Last synced: 6 days ago
JSON representation

HTML5 Video Extend

• Host: GitHub
• URL: https://github.com/andchir/jquery-video-extend
• Owner: andchir
• License: mit
• Created: 2015-08-11T18:51:20.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-18T21:44:50.000Z (over 7 years ago)
• Last Synced: 2023-11-07T16:29:45.516Z (about 1 year ago)
• Language: JavaScript
• Size: 83.9 MB
• Stars: 134
• Watchers: 22
• Forks: 32
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jQuery Video Extend

HTML5 Video Extend

 * Adding a logo.

 * Adding markers with labels.

 * Playing YouTube video.

 * Playing FLV video (basic support).

 * Simply make responsive.

![](http://andchir.github.io/jquery-video-extend/img/screenshot.png)

[Wiki](https://github.com/andchir/jquery-video-extend/wiki)

[Demo](http://andchir.github.io/jquery-video-extend/)

``` html

```

``` html

$(document).bind('ready',function(){

    

    $('#video1').videoExtend({

        logo: 'img/example_logo.png',

        logoLink: 'http://example.com/',

        logoSize: [ 60, 40 ],

        markers: [

            {

                time: 39.32,// seconds

                text: 'Chapter 1'

            },

            {

                time: 350.23,

                text: 'Chapter 2'

            },

            {

                time: 470.88,

                text: 'Chapter 3'

            },

            {

                time: 677.82,

                text: 'Chapter 4'

            }

        ]

    });

    

});

```

``` html

    

```

### Another way:

``` html

    

```

Any parameters can be specified by a prefix "data-". The array must be JSON string.