在 MediaElement.js 中的视频末尾停止而不是倒带

Question

我想知道如何在视频结束时停止 MediaElement.js 播放器。我想知道如何在视频结束时停止 mediaelement.js 播放器。我希望保留最后一帧，而不是像现在一样倒带显示第一帧。

是否可以改变这种行为？

Answer 1

我为这个问题编写了一个修复程序，John 合并到了 2.10.2 版本中。
现在有一个选项“autoRewind”，您可以将其设置为 false 以防止播放器返回到开头。
事件监听器不会被添加，也不再需要删除它。

$('video').mediaelementplayer({
    autoRewind: false
});

Answer 2

我相信 元素的默认行为是返回到开头，因此您只需要通过侦听结束事件来覆盖它。

var player = $('#myvideo').mediaelementplayer();

player.media.addEventListener('ended', function(e) {
    player.media.setCurrentTime(player.media.duration);
}, false);

希望有帮助！

Answer 3

也许最好的解决方案是不要害怕并从 mediaelement 源中删除“倒回到开始视频结束”处理程序。

如果您进入 mediaelement 的源代码并搜索“end”，您最终会发现，到达视频结尾后的倒带实际上是 mediaelement 故意完成的。

如果您想删除该功能，请随意从 mediaelement 源中删除“结束”事件的处理程序。这解决了这个问题的其他答案中提到的所有问题，包括最后一帧和第一帧之间的闪烁。

Answer 4

由于某种原因， John Dyer 的回答中的代码对我来说也不起作用。然而，我能够让这个版本工作......

var videoPlayer = new MediaElementPlayer('#homepage-player', {
    loop: false,
    features:[],
    enablePluginDebug: false,
    plugins: ['flash','silverlight'],
    pluginPath: '/js/mediaelement/',
    flashName: 'flashmediaelement.swf',
    silverlightName: 'silverlightmediaelement.xap',

    success: function (mediaElement, domObject) { 
        // add event listener
        mediaElement.addEventListener('ended', function(e) {
            mediaElement.pause();
            mediaElement.setCurrentTime(mediaElement.duration);
        }, false);
    },
    error: function () { 
    }

});

videoPlayer.play();

我遇到的唯一问题 - 这是非常令人沮丧的，是它在 Chrome 中的最后一个帧和第一个帧之间闪烁。否则，它在 Firefox 和 IE 中按预期工作......

Answer 5

我在播放音频文件时遇到这个问题

问题出在播放中，当您暂停播放器时，文件将停止，但在恢复之前，您必须将播放器的当前时间减少任何值，在您的情况下，您可以将其减少一帧也许

在设置源、加载文件并暂停之后，然后

    myplayer.player.play();
    var currentTime = myplayer.player.getCurrentTime();
    myplayer.player.setCurrentTime(currentTime-0.1);
    myplayer.player.setCurrentRail();