可以在shadowbox.js中运行bitsontherun.com视频吗？

Question

我正在使用bitsontherun.com来托管和流媒体我的视频。它使用的是最新版本的JW播放器，但播放器是由bitsontherun处理的。我还将shadowbox.js用于我的产品图片库。我也想把我的产品视频集成到画廊中。然而，我不知道如何从bitsontherun上下载视频。通常我会使用如下的脚本标签将这些视频嵌入到页面中：

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

Shadowbox.js通常使用一个带有缩略图的链接来启动lightbox和相关的播放器。有没有人知道该怎么做呢？

Answer 1

是。这是一个基本的实现。

<!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

Answer 2

你也可以使用swf版本的视频(参见http://developer.longtailvideo.com/botr/system-api/urls/players.html)，并通过常规的shadowbox (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>