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

如本文html5所述，JW Player 仅在处于渲染模式时才支持对播放速度的控制，在这种情况下，您可以通过其渲染的视频标签的选项来控制它。它看起来像这样：

<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 原生支持时，JW Player 不支持播放速度控制（例如，在使用 Flash 播放器的情况下）

于 2013-08-21T10:03:13.053 回答