如何使用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>

- Ryan L

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属性。

- robertc

---

太棒了，你让我朝着正确的方向前进。我的最终代码加入了一些jQuery元素，如下所示：$('.myclass').bind('loadeddata', function() { var playing_source = this.currentSrc; alert(playing_source); });感谢您的帮助！ - Ryan L

Answer 2

我知道这个问题已经关闭了，但我想提供另一种官方解决方案：
只需按照以下步骤操作：

$(".myclass")[0].currentSrc

来源：http://www.w3schools.com/tags/av_prop_currentsrc.asp

- koleror