1

1 つの Web サイトでいくつかの JW Player を使用しようとしています。実際には 48 個配置する必要がありますが、表示されているのは 1 つだけです。「コンテナ」パラメータと関係があると思います。

<script type="text/javascript" src="http://video.captive-portal.com/jwplayer.js"></script>
<script type="text/javascript">
    jwplayer("container").setup({
        flashplayer: "http://video.captive-portal.com/player.swf",
        file: "http://content.captive-portal.com/campaigns/sky/videos/1/1.mp4",
        image: "http://content.captive-portal.com/campaigns/sky/videos/1/1.jpg",
        width: 480,
        height: 270
    });


<script type="text/javascript" src="http://video.captive-portal.com/jwplayer.js"></script>
<script type="text/javascript">
    jwplayer("container").setup({
        flashplayer: "http://video.captive-portal.com/player.swf",
        file: "http://content.captive-portal.com/campaigns/sky/videos/1/2.mp4",
        image: "http://content.captive-portal.com/campaigns/sky/videos/1/2.jpg",
        width: 480,
        height: 270
    });
</script>

最初のコンテナの場合に「コンテナ」を他のものに変更すると、2番目のコンテナだけが表示されるため、コンテナがコンテンツを保持していると想定します（明らかに）。これを変更して、1 つのページで多くのビデオを再生できるようにするにはどうすればよいですか? 誰かがこの問題にも直面したと確信しています。どうもありがとう。

4

4 に答える 4

1

外側にコンテナを用意してから、プレーヤーを保持する別の div を作成しないのはなぜですか。プレーヤーに対応するために css を少し変更する必要がありますが、それ以外は次のように機能する必要があります。

<Wrapper>
<maincontent>
<player1>
   `<script type="text/javascript" src="http://video.captive-portal.com/jwplayer.js"></script>
    <script type="text/javascript">
    jwplayer("container").setup({
    flashplayer: "http://video.captive-portal.com/player.swf",
    file: "http://content.captive-portal.com/campaigns/sky/videos/1/1.mp4",
    image: "http://content.captive-portal.com/campaigns/sky/videos/1/1.jpg",
    width: 480,
    height: 270
});
</div>

<player2>
   `<script type="text/javascript" src="http://video.captive-portal.com/jwplayer.js"></script>
    <script type="text/javascript">
    jwplayer("container").setup({
    flashplayer: "http://video.captive-portal.com/player.swf",
    file: "http://content.captive-portal.com/campaigns/sky/videos/1/1.mp4",
    image: "http://content.captive-portal.com/campaigns/sky/videos/1/1.jpg",
    width: 480,
    height: 270
});
</div>
</div> this is the end of the main content 
</div> this is the end of the Wrapper i changed container to wrapper so there are no conflicts

これは賢明ではありません。ビデオ ギャラリーを作成するのが最善の方法です。たとえば、48 枚の写真を取得して、ビデオに関連付けるページへのリンクとして使用します。画像をクリックすると、ビデオ プレーヤーが起動します。

于 2013-09-26T12:06:56.010 に答える
1

モバイルまたはタブレット用にこれが必要な場合は、すべてのデータを使用するため、1 つのページにロードしないことをお勧めします実行速度が遅いか、データを食い尽くす

于 2013-09-26T12:44:54.063 に答える
0

プレーヤーのインスタンスごとに異なる ID を使用するだけです。

クイックデモコード:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script type="text/javascript" src="http://player.longtailvideo.com/jwplayer.js"></script>
        <title>Multiple</title>
    </head>
    <body>
            <div id="container"></div>
            <script type="text/javascript">
            jwplayer("container").setup({
            file: "http://www.longtailvideo.com/jw/upload/bunny.mp4",
            image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
            height: 300,
            width: 400,
            controlbar: "bottom"
             });
            </script>
            <div id="container2"></div>
            <script type="text/javascript">
            jwplayer("container2").setup({
            file: "http://www.longtailvideo.com/jw/upload/bunny.flv",
            image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
            height: 300,
            width: 400,
            controlbar: "bottom"
             });
            </script>
            <div id="container3"></div>
            <script type="text/javascript">
            jwplayer("container3").setup({
            file: "http://www.longtailvideo.com/jw/upload/bunny.mov",
            image: "http://www.longtailvideo.com/jw/upload/bunny.jpg",
            height: 300,
            width: 400,
            controlbar: "bottom"
             });
            </script>           
</html>

お役に立てれば！

于 2013-09-26T17:27:12.870 に答える