Question

我正在尝试使用jwplayer实现从我们的服务器加载视频的最新fancybox（5.8.2011）。不幸的是，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开发人员工具看到它）。

由于

Answer 1

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

play flv in html

使用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">

Jwplayer和fancybox视频没有播放

1 个答案: