视频元素事件绑定在Safari浏览器中不起作用

Question

我正在使用wordpress默认核心播放器mediaelement.js来播放自托管视频。 通过放置[video]短代码，我将在前端生成视频呈现代码。

对于事件绑定，我使用的是here所述的Mediaelement事件：

$('video').bind('loadeddata', function(e) { 
    alert('loaded');
});
$('video').bind('playing', function(e) { 
    alert('playing');
});
$('video').bind('pause', function(e) { 
    alert('pause');
});
$('video').bind('ended', function(e) { 
    alert('ended');
});

这在Internet Explorer和Firefox中完美运行。但是在safari的情况下，它不起作用。

请提供任何解决方案。

Answer 1

这是Safari浏览器的奇怪行为，正如Johndyer在问题编号#536中所解释的那样：

  

safari这是一个非常令人沮丧的部分，因为它只会发生   何时未安装quicktime。在这种情况下，Safari仍然表现得像   它理解HTML5，但它以奇怪的方式失败，我没有   能够检测到。所以只需安装QuickTime即可完成设置。

Quicktime安装工作正常。