播放视频jquery插件

-1

哪个jquery插件最适合播放具有以下功能的视频。播放视频jquery插件

开源和免费。
在单个页面上运行多个视频（必须）。
几秒钟后自动停止视频（必须）。
Google Ad sense功能（可选）。
在视频中添加HTML，以便用户能够点击HTML（必须）中给出的链接。
应支持YouTube视频（必须）。
播放/暂停/全屏基本功能还应该包括。
良好的文档。

来源

2014-06-27 Tarun Garg

从闲谈标记菜单：'问题，要求我们建议或找到一个工具，库或喜爱的异地资源是题外话堆栈Overflow' – admdrew

我关心的不是你找的插件/工具基本上。我担心的是，如果你们在任何包含所有这些功能的图书馆工作过，请转介我。我已经研究过，但找不到更好的解决方案。所以只需要一些有力的技术答案。谁确实在解决相同的问题并定制了库。 –

@admdrew如果你觉得你不能或不想回答这个问题，请不要将问题标记下来。我看到很多关于同样的问题，大多数人都提到最好的知识。 Stackoverflow声誉对于一些人来说并不重要。请让其他人对此感兴趣。希望你理解这个问题。 –

的Flowplayer是插件，可以用来填补所有的要求，我们可以设定cupoint经过一番第二停止视频，并且可以使用插件来追加点击HTML，如下图所示。将这段代码添加到视频网址的rails html文件中。

<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 to 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 up content plugin 
     plugins: { 
      content: {url: 'flowplayer.content-3.2.9.swf', display: 'none'} 
     } 
    }); 

    var player = $f() 

    player.onLoad(function() { 
     // this- variable points to the player's API 
     // this.getScreen().animate({width:300, height:200}); 
    }); 


</script>

来源

2014-07-02 14:33:52

播放视频jquery插件

回答

相关问题