1

私は現在、ユーザーインターフェイスが非表示になっているときにJWPlayerにオーディオファイルを再生させようとしています。ビデオでは問題なく動作します（ビデオからサウンドを再生します）が、何らかの理由で、オーディオファイルを再生するために同じ手法を使用すると、カスタム再生ボタンをクリックしても何も起こりません。

このコードは、ビデオからのサウンドを期待どおりに再生します。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
</head>
<body>
    <div style="display: none;">
        <div id="player"></div>
    </div>
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden video!!!" />
    <script type="text/javascript">

        jwplayer("player").setup({
            levels: [
            { file: "VideoTest001.mp4" },
            { file: "VideoTest001.ogv" },
            { file: "VideoTest001.webm" }
            ]
        });

    </script>
</body>
</html>

このコードはオーディオを正常に再生します（ただし、プレーヤーは表示されます）。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
</head>
<body>
    <div id="player"></div>
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden audio!!!" />
    <script type="text/javascript">

        jwplayer("player").setup({
            levels: [
                { file: "AudioTest.mp3" },
                { file: "AudioTest.wav" }
            ]
        });

    </script>
</body>
</html>

オーディオを追加するとすぐに<div style="display: none;">...</div>オーディオが再生されなくなります。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
</head>
<body>
    <div style="display: none;">
        <div id="player"></div>
    </div>
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden audio!!!" />
    <script type="text/javascript">

        jwplayer("player").setup({
            levels: [
                { file: "AudioTest.mp3" },
                { file: "AudioTest.wav" }
            ]
        });

    </script>
</body>
</html>

誰か助けてもらえますか？JWPlayerのユーザーインターフェイスが非表示のときにオーディオを再生したいのですが。

4

1 に答える 1

4

私の知る限り、divの表示スタイルがnoneに設定されていると、コンテンツはロードされません。

このような設定をしてみてください

<div style="width: 1px; height: 1px; position: absolute; top: -9999px; left: -9999px;">
    <div id="player"></div>
</div>
于 2013-02-25T16:05:04.657 に答える