mediaElementJs 和 Firefox / Safari 出现问题

Question

我有两个问题一直困扰着我使用 MediaElement.js 开发的新网站。

首先，非常感谢您提供此内容；它确实帮助我完成了这个项目，该项目向各种平台上的用户展示了一堆视频。

我的网站有一个充满 .mov 文件的文件夹，这些文件是（据我所知，另一个人在 iMovie 中制作了视频文件）H.264 编码的。

该网站在 Chrome 中运行得很好，这是我使用的以及我在开发/测试中使用的。这些视频使用 Chrome 中的本机 HTML 5 支持来播放。

在 Firefox（多个版本）中，视频“向前滚动”到 Flash 播放器。视频播放。但是，无论我是否在完整事件处理程序中指定“player.play()”，视频都会从显示播放图标切换为显示暂停图标，但不会开始播放。用户必须单击暂停按钮，然后单击播放按钮才能播放每个视频。这是我对 mediaelement 的调用：

$('video').mediaelementplayer({
        defaultVideoWidth: 400,
...         features: ['playpause','duration','volume'<?php echo "$progressBar"; ?>],
        success: function(player, node) {
            player.play();
            player.addEventListener('ended', function(e) { 
                    $('#feedback').append('<p>Press "NEXT" to continue.</p>').promise().done(function() {
                        enableNext();
                    });
                });
        }
});

第二个问题：有时，当用户尝试使用 MacOs/Safari 使用我的网站时，他们会遇到“结束”事件处理程序似乎从未被调用的情况。在视频结束之前，我不会让人们继续浏览并单击我网站上的“下一步”按钮——这是一个培训网站，用户需要坐下来完成整个体验。我无法重现此问题，但在我找到解决方案之前我们无法上线。

Answer 1

我在 Firefox 中也遇到同样的问题。

关于结束事件：添加事件监听器后尝试调用 play() 。