0

我有一系列链接，我设置了 Flowplayer ( http://flowplayer.org ) 和 Fancybox ( http://fancybox.net/ )：

<a class="fancybox" href="../public/video1.flv">Click here</a>
<a class="fancybox" href="../public/video2.flv">Click here</a>
<a class="fancybox" href="../public/video3.flv">Click here</a>
...

我想在 Fancybox 中打开这些视频（最新版本，1.3 - 我阅读了不适合我的情况的 1.2 教程），一次一个，我对 JWPlayer 的简单操作感到惊讶：

<a class="fancybox" href="../jwplayer/player.swf?file=../public/video1.flv">Click here</a>
<a class="fancybox" href="../jwplayer/player.swf?file=../public/video2.flv">Click here</a>
<a class="fancybox" href="../jwplayer/player.swf?file=../public/video3.flv">Click here</a>
...
$('a.fancybox').fancybox({
    'titleShow': false,
    'type': 'swf',
    'width': 480,
    'height': 385,
});

使用Flowplayer，这个非常简单的事情感觉就像地狱一样

我试过：

<a class="fancybox" href="../flowplayer/flowplayer-3.2.5.swf?&amp;config={'clip':'../public/video1.flv'}">Click here</a>
<a class="fancybox" href="../flowplayer/flowplayer-3.2.5.swf?&amp;config={'clip':'../public/video2.flv'}">Click here</a>
<a class="fancybox" href="../flowplayer/flowplayer-3.2.5.swf?&amp;config={'clip':'../public/video3.flv'}">Click here</a>

而且，除了没有控制栏之外，我还看到了“错误 301”（可能是因为它会查找控制栏 .swf 但它没有加载） 在在线文档中查找“将参数作为查询字符串嵌入”功能是一场噩梦（事实上​​我在其他网站上发现了这种方法），所以我无法检查我是对还是错，以及我可以做些什么来避免错误 301

编辑：我解决了错误 301，原来的“flowplayer.controls-3.2.3.swf”文件应该重命名为“flowplayer.controls.swf”（这是无处写的，你必须猜到）；无论如何，它并没有太大帮助，因为在 IE7/8 上它严重崩溃 - JavaScript 控制台闪烁并说“'null' 为 null 或不是对象”

我还尝试了此处发布的 jjames 解决方案：http://flowplayer.org/forum/2/17398但 它对我不起作用：Firefox 崩溃，并且在 IE 上，Fancybox 告诉我不应找到资源并且，无论如何，似乎这个 wotk 用于单个文件，而我需要一个通用函数来接收链接的 href 作为参数......所以，这对我来说没有意义......

$(".fancybox").fancybox({
    'callbackOnShow': function() { // callbackOnShow doesn't exists anymore on Fancybox 1.3; seems replaced by onComplete, but no luck
        flowplayer("fancy_div", "../flowplayer/flowplayer-3.2.5.swf", {
          clip: {
            baseUrl: 'http://www.myPathToVids',
            url: 'myVideo.flv' // I have not a single video! This should be a parameter taken from href of the clicked link
          }     
        }); 
    }
})

请问，有什么帮助吗？先谢谢了，气死了。。。

4

1 回答 1

3

尝试手动启动 fancybox 并将其内容设置为 flowplayer。例如，给定链接：

<a href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv" 
    class="videoLink">Demo</a>

像这样创建一个 JQuery 点击函数：

$('a.videoLink').click(function(e) {
    e.preventDefault();

    var container = $('<div/>');

    container.flowplayer(
        'http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf',
        $(this).attr('href')
    );

    $.fancybox({
        content: container,
        width: 300, height: 200,
        scrolling: 'no',
        autoDimensions: false
    });
});

请注意，默认情况下，flowplayer 会占用其容器的大小，因此必须给定有限的尺寸才能正确查看它。

于 2011-07-01T20:50:22.180 回答