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()。