loadedmetadata在chrome和firefox下不被触发

Question

写播放器时发现loadedmetadata事件在chrome和firefox下不被触发，在IE中正常。简化后的代码如下：

HTML：

<video id="video" controls>
    <source src="video/film.mp4" type="video/mp4">
    <source src="video/film.webm" type="video/webm">
    <source src="video/film.ogv" type="video/ogg">
</video>

JS：

window.onload = function(){
    var video = document.getElementById('video');
    video.onloadedmetadata = function(){
        alert('loaded');
    };
};

求解。

Answer 1

写了个demo，实测没问题啊
https://jsfiddle.net/7u47nrg1/

---

我知道了，刚看到，你的代码是嵌套在onload里面的，只有页面中的资源都加载完毕才会触发onload，然而这个时候loadedmetadata这个事件已经先触发了。