Firefox 不会在第一次/页面加载时触发“播放”或“播放”事件

Question

当音频播放器在页面加载时播放音频文件时，我似乎无法让 Firefox v20.0 首次触发“播放”或“播放”事件。

如果我单击暂停，然后单击播放，“播放”和“播放”事件都会触发，但不会在初始页面加载时触发。

我已经尝试使用下面的 vanilla JS 绑定到“播放”/“播放”事件，甚至尝试使用 jQuery 的bind()方法，但无济于事。

在 Chrome v26.0.1410.64 和 IE 10 中似乎工作正常。这是 Firefox 中的错误吗？

// HTML
// ---------------------------------------------------
<audio controls="" preload="auto" autobuffer autoplay>
    <source src="bc.ogg" type='audio/ogg'>
</audio>


// JS
// --------------------------------------------
// Assume player is <audio>

player.addEventListener('playing', function() {
    console.log('PLAY');
});

我的最终目标是在播放音频时用 PAUSE 按钮替换自定义 PLAY 按钮。

Answer 1

音频元素可能在侦听器被绑定之前开始播放。 由于 DOM 构建和处理方式的内部差异，这可能会发生在某些浏览器中，而不会发生在其他浏览器中。 最好的解决方案是在页面完全加载后绑定侦听器并播放音频元素，而不是依赖浏览器在需要时启动它。