在播放視頻之前獲取視頻文件長度的Javascript或jQuery

Question

是否有任何有用的Javascript或JQuery插件可用於獲取視頻的長度（例如，mp4，flv-只要我開放任何視頻格式可以在播放視頻文件之前獲得視頻長度）？

更新1：

<video controls> 
<source src="video.mp4" onerror="fallback(this.parentNode)"> 
video not supported 
</video> 

<script> 
document.write("The duration is: " + video[0].duration); 
</script> 

Answer 1

您可以爲目標文件 HEAD請求，並獲得文件大小。如果沒有關於文件詳細信息的額外信息 - 也就是編碼的編碼方式 - 您將無法很準確地計算持續時間。

使用jQuery的此類請求的示例可以在接受的答案this similar question中找到。

請注意，如果將請求發送到從中提供javascript的域，則只有在瀏覽器中執行此操作纔會有很多運氣。如果你正在尋求跨域請求，你可能會更好地服務於更多的服務器端。

Answer 2

如果您使用的是HTML5視頻元素，則可以通過使用「duration」屬性獲得，該屬性將以秒爲單位返回。

https://www.w3.org/TR/2011/WD-html5-20110113/video.html#dom-media-duration

否則，你可能需要從服務器端所需的信息。

Answer 3

爲了延續Kai的回答，duration屬性將僅適用於HTML5視頻元素。您應該查看http://mediaelementjs.com/以幫助在舊版瀏覽器中爲api調用提供墊片。

看起來他們已經實現了持續時間（）方法https://github.com/johndyer/mediaelement/wiki/Events-and-Methods