播放視頻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插件

回答

相關問題