jQuery 视频扩展:Video-Extend

jopen 9年前

jQuery Video Extend 是 HTML5 视频扩展。

  • Adding a logo.
  • Adding markers with labels.
  • Playing 油Tube video.
  • Playing FLV video (basic support).
  • Simply make responsive.
jQuery 视频扩展:Video-Extend

Wiki

Demo

<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: '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'              }          ]      });    });  </script>

<video id="video1" width="640" height="360" poster="video/Sintel_poster.png" controls>      <source src="video/Sintel.mp4" type="video/mp4">  </video>

项目主页:http://www.open-open.com/lib/view/home/1450187635797