进入页面获取不到audio/video属性值问题

有时候我们不用html5自带的视频/音频的控件，需要自定义， 这个时候可能就需要用到一些audio/video属性值。我们有个业务场景需要进入页面就获取音频的总时长， 但一直无法获取到，只有和页面产生交互才能获取，折腾了一段时间，总算解决了。 

当音频/视频处于加载过程中时，会依次发生以下事件：
loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough

通过监听除了loadstart, progress的其他事件，都可以获取到视频、音频的总时长duration的值。