Playing Video jquery plugin -


which jquery plugin best playing videos following features.

  1. open source , free.

  2. run multiple videos on single page (must).

  3. automatically stop video after seconds (must).

  4. google ad sense feature (optional).

  5. append html in mid of video user should able click links given in html (must).

  6. should support youtube videos (must).

  7. play/pause/fullscreen basic feature should include.

  8. good documentation.

flowplayer plugin can used fill requirements , can set cupoint stop video after second , can use plugin append clickable html shown below. add code in rails html file url of video.

<script type="text/javascript" src="http://releases.flowplayer.org/js/flowplayer-3.2.13.js"></script>  <div id="example7" style="width:300px;height:300px;"></div> <div id="show-text">   <a href="http://www.google.com"><b>click here continue</b></a> </div>  <script type="text/javascript">   $(document).ready(function(){     $("#show-text").hide()   });    $f("example7", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {       clip: {           url: '/system/videos/lesson_uploads/000/000/069/original/tom_and_jerry_cartoon.mp4',           autoplay: false,           autobuffering: true,           // set cue point           oncuepoint: [[30000], function(clip, point) {             $f().stop()             var plugin = this.getplugin("content");             plugin.show(10000).sethtml($("#show-text").html());           }]       },        // set content plugin       plugins: {           content: {url: 'flowplayer.content-3.2.9.swf', display: 'none'}       }   });    var player = $f()    player.onload(function()  {       // this- variable points player's api       // this.getscreen().animate({width:300, height:200});   });   </script> 

Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -