0

jwplayer を使用してサーバーからビデオをロードする最新の fancybox (5.8.2011) を実装しようとしています。残念ながら、fancybox の Web サイトは非常にむき出しであり、多くの情報を提供していません。これまでのところ、私のコードは次のとおりです。

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 Player が読み込まれますが、ビデオは再生されません。

jwplayerの設定を正しくロードしていないためだと感じていますが、どうすればよいかわかりません。興味のある方のために説明すると、私のプレイヤー SWF ファイルはドキュメント ルートにあります (ただし、firebug または chrome 開発者ツールでは表示されません)。

ありがとう

4

1 に答える 1

0

ファンシーボックスにビデオをロードするには、同様の質問に対する次の回答を参照してください。

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 に答える