0

我试图实现最新的fancybox（5.8.2011），它使用jwplayer从我们的服务器加载视频。不幸的是，fancybox 网站非常简陋，并没有提供很多信息。到目前为止，这是我的代码：

HTML：

<div class="vidHolder">
        <a href="HTTP://myserver.com/images/pathtofile/test_640.mp4"
            class="fboxVid">
            <img src="Assets/img/preview.jpg" alt="" />
        </a>
    </div>

javascript:

$(document).ready(function () {
    $('.fboxVid').click(function () {
        $.fancybox({
            'title': this.title,
            'content': '<embed src="player.swf?file=' + this.href + '&amp;autostart=true&amp;" type="application/x-shockwave-flash" width="352" height="240" wmode="opaque" allowfullscreen="true" allowscriptaccess="always"></embed>'
        }); // fancybox
        return false;
    }); // click
}); // ready

简而言之，窗口打开并加载 Flash 播放器，但视频不播放。

我觉得这是因为我没有正确加载 jwplayer 的设置，但我不知道该怎么做。对于那些感兴趣的人，我的播放器 swf 文件位于文档根目录中（但是，我在使用 firebug 或 chrome 开发人员工具时都没有看到它）。

谢谢

4

1 回答 1

0

您可以参考以下类似问题的答案来加载fancybox中的视频。

用html播放flv

使用 video.js 非常简单.......您可以使用 video.js 使用其他视频格式，您需要更改的只是

<source src="..." type="video/mp4">

此外，您的浏览器可能存在一些问题，您的浏览器是否支持 .mp4 格式，我无法在 chrome 中播放 .mp4，但在 Firefox 中可以正常播放。尝试使用不同格式的相同视频添加更多来源。喜欢...

<source src="video1.mp4" type="video/mp4">
<source src="video1.ogg" type="video/ogg">
<source src="video1.webm" type="video/webm">
于 2012-06-26T10:47:26.863 回答