是否可以在shadowbox.js中運行bitsontherun.com視頻？

我正在使用bitsontherun.com主持和傳輸我的視頻。它使用最新版本的JW播放器，但播放器由bitsontherun處理。我也爲我的產品圖片庫使用shadowbox.js。我也想將我的產品視頻集成到畫廊中。但是，我無法弄清楚如何從bitsontherun中調整shadowbox視頻。通常我嵌入這些影片將使用腳本標籤這樣的頁面：是否可以在shadowbox.js中運行bitsontherun.com視頻？

<script src="http://content.bitsontherun.com/players/ThWcjaxZ-qLFOERCo.js" type="text/javascript"></script>

Shadowbox.js通常使用的鏈接以縮略圖推出燈箱和相關聯的玩家。任何人有任何想法如何使這項工作？

來源

2011-04-27 user77413

是的。這是一個基本的實現。

<!DOCTYPE HTML> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="shadowbox-3.0.3/shadowbox.css"> 
     <style> 
      .botrplayer {display: none} 
     </style> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
     <script type="text/javascript" src="shadowbox-3.0.3/shadowbox.js"></script> 
     <script type="text/javascript"> 
      Shadowbox.init({ 
       skipSetup: true 
      }); 
      $(document).ready(function(){ 
       Shadowbox.setup($('.sbox'));//set up links with class of sbox 
       $('a.sbox').live('click',function(event){ 
        Shadowbox.open({ 
         content: $(this).siblings('.botrplayer').html(), 
         player:  'html', 
         title:  "Welcome", 
         height:  280, 
         width:  490 
        }); 
        //Stops loading link 
        event.preventDefault(); 

       }); 
      }); 
     </script> 
     <title>bitsontherun shadowbox</title> 
    </head> 
    <body> 
     <p>The content of the document......</p> 
     <div> 
      <a href="#" class="sbox">Open bitsonthe run video</a> 
      <script type="text/javascript" src="http://content.bitsontherun.com/players/qgGMXVzB-Zdb9K7JT.js"></script> 
     </div> 
    </body> 
</html>

如果包裝與script元素div你的鏈接，你可以重複使用他們所有這些代碼的。

這裏託管：http://sandbox.jamesfishwick.com/bitsontherun/index.html

來源

2011-05-03 20:07:36

您還可以使用視頻的SWF版本（見http://developer.longtailvideo.com/botr/system-api/urls/players.html），並鏈接到一個普通太極拳（http://www.shadowbox-js.com/usage.html）

<link rel="stylesheet" type="text/css" href="shadowbox.css"> 
<script type="text/javascript" src="shadowbox.js"></script> 
<script type="text/javascript"> 
Shadowbox.init(); 
</script> 
<a href="http://content.bitsontherun.com/players/ThWcjaxZ-qLFOERCo.swf" rel="shadowbox">video</a>

來源

2013-10-28 13:52:08 Mirthe

是否可以在shadowbox.js中運行bitsontherun.com視頻？

回答

相關問題