4

ビデオを埋め込むために JW (v 5.8) プレーヤーを使用しています。そして、自動開始を有効にして、ページが読み込まれるとすぐにビデオの再生を開始できるようにしたいと思います。コントロールバーを無効にして、視聴者がビデオのランダムなポイントを探すことができず、クリック時に再生/一時停止機能を使用できるようにします。ビデオは無効になっています。mp4 ビデオを埋め込むには、JW プレーヤーを使用しています。最初の 2 つのタスクはなんとか達成できましたが、画面をクリックしたときに再生/一時停止機能を無効にするために、クリックプロキシ プラグインを使用しようとしていますが、機能しません。以下にコードを貼り付けます。

<div id="mediaplayer">JW Player goes here</div>

<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
    jwplayer('mediaplayer').setup({
        'flashplayer': 'player.swf',
        'file': 'video.mp4',
        'controlbar': 'none',
        'width': '1000',
        'height': '1000',
        'plugins': 'clickproxy',
        'clickproxy.listener': 'clickListener',
        'autostart': 'true'
    });
function clickListener(obj)
{
}
</script>

現在、このコードを使用すると、ビデオが読み込まれますが、再生が開始されず、クリックプロキシ プラグインが原因でビデオをクリックしても何も起こりません。とにかく私が欲しいものを達成するには？私はJavaScriptの初心者なので、どんな助けでも本当に感謝しています!

ありがとう！

4

3 に答える 3

4

ああ、はい、これを行うための機能 (クリックを無視することについて) がプレーヤーにありましたが、削除され続けているようです。

これが私が実装したばかりの解決策です。onPause javascript イベントにプラグインして、メディアの再生を再開するだけです。

    <script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': '/jw/player.swf',
    'file': 'http://d3usowdy51yate.cloudfront.net/your-mp4-goes-here.mp4',
    'autostart': 'true',
    'icons': 'true',
    'stretching': 'fill',
    'controlbar': 'none',
    'width': '640',
    'height': '360',
    events: {
        onPause: function(event) {
          jwplayer('mediaspace').play();}
    }
  });
</script>
于 2012-02-08T19:51:25.490 に答える
3

で CSS プロパティの pointer-events を使用して#mediaplayer、クリック イベントがビデオに到達するのを防ぐことができます。

#mediaplayer {
    pointer-events: none;
}

また、次のように言って、onPause古いブラウザのフォールバックとしてイベントを悪用することもできます。<IE9一時停止イベントが実行された場合にビデオを再生します。

jwplayer('mediaplayer').setup({
    flashplayer: 'player.swf',
    file: 'video.mp4',
    controlbar: 'none',
    width: '1000',
    height: '1000',
    autostart: 'true',
    events: {
        onPause: function() {
            this.play(true);
        }
    }
});
于 2012-01-28T17:37:54.880 に答える
2

プレーヤーと同じ寸法のプレーヤーの上に透明なdivを配置してみてください。

于 2012-01-18T14:09:45.610 に答える