html - 如何检测哪个视频源正在播放 html5 视频

Question

我正在对我们的 html5 视频设置分析。由于 Chrome、Firefox 等目前播放不同的文件类型(但将来可能会改变)，有没有办法用 Javascript 获取浏览器实际播放的视频源？

标记:

<video class="myclass">
    <source src="myvid.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2" />
    <source src="myvid.webm" type="video/webm; codecs="vp8, vorbis" />
    <source src="myvid.ogv" type="video/ogg; codecs="theora, vorbis" />
</video>

Answer 1

这不是典型的编码风格，但对我有用并且应该足以让你入门:

<video class="myclass" onloadeddata="document.getElementById('source').innerHTML
                                        = 'Playing file ' + this.currentSrc">
    <source src="myvid.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2" />
    <source src="myvid.webm" type="video/webm; codecs="vp8, vorbis" />
    <source src="myvid.ogv" type="video/ogg; codecs="theora, vorbis" />
</video>
<div id="source"></div>

基本上，您需要在加载元数据后使用 currentSrc 属性。