如何检测哪个视频源正在播放 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在加载元数据后获得该属性。