0

私は HTML5 用にこのようにコーディングしていますが、問題なく動作しています。 

<video id="video" controls="controls" autoplay="autoplay" name="media"><source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"></video>

<button onclick="document.getElementById('video').playbackRate+=0.1">playbackRate+=0.1</button>
<button onclick="document.getElementById('video').playbackRate-=0.1">playbackRate-=0.1</button><br>

JWplayerの場合、上記のように再生速度を速くしたり遅くしたりするにはどうすればよいですか?

<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "http://media.w3.org/2010/05/sintel/trailer.mp4",
        title: "test",
        height: 400,
        width: 600,
        autostart: true,
        autoplay: true,
    });

    jwplayer("myElement").onTime(function(time){
        showComments(Math.round(time.position));
    })
</script>
4

1 に答える 1

1

この投稿で説明されているように、 JW Player は、レンダリング モードの場合にのみ再生速度の制御をサポートしhtml5ます。その場合、レンダリングするビデオ タグのオプションを使用して制御できます。次のようになります。

<script type="text/javascript">
    function changePlaybackRate(rateChange) {
        if (jwplayer().getRenderingMode() == "html5") {
            var videoTag = document.querySelector('video');
            if (videoTag.playbackRate) {
                videoTag.playbackRate += rateChange;
            }
        }

        //Small hack to work around a Firefox bug    
        if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
            jwplayer().seek(jwplayer().getPosition());
        }
    };
</script>

<button onclick="changePlaybackRate(0.1)">playbackRate+=0.1</button>
<button onclick="changePlaybackRate(-0.1)">playbackRate-=0.1</button>

ブラウザが HTML5 を介してネイティブにサポートしていない場合 (たとえば、Flash Player を使用している場合)、JW Player では再生速度の制御がサポートされていません。

于 2013-08-21T10:03:13.053 に答える