如何檢測使用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財產元數據已被加載。

Answer 2

我知道這票是封閉的，但我想補充另一個更官方的解決方案：
就這樣做：

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

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