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

Answer 2

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

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

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

如何检测正在播放html5视频的视频源

2 个答案: