如何检测哪个视频源正在播放 html5 视频答案

【问题标题】：How do I detect which video source is playing with html5 video如何检测哪个视频源正在播放 html5 视频
【发布时间】：2011-08-19 16:42:51
【问题描述】：

我正在对我们的 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>

【问题讨论】：

标签： html html5-video dom-events

【解决方案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 属性。

【讨论】：

太好了，你让我朝着正确的方向前进。我喜欢 jQuery 的最终代码如下所示： $('.myclass').bind('loadeddata', function() { var playing_source = this.currentSrc; alert(playing_source); });感谢您的帮助！

【解决方案2】：

我知道这张票已关闭，但我添加了另一个更官方的解决方案：
就这样做：

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

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

【讨论】：