2016-04-21 44 views
3

我正在試圖製作一個網站,其中有多個視頻。當我運行代碼時,只加載第一個視頻。無論我做什麼,第二個視頻都不會播放或加載。爲什麼我的第二個視頻沒有加載?HTML5視頻標籤無法正常工作

這裏是我的代碼:

<html> 
<head> 
<title>Andrew soundboard!</title> 
<style> 
h1{ 
text-align:center; 
} 
</style> 
</head> 
<body> 
<h1>Andrew Soundboard!</h1> 
<br> 
<video width="320" height="240" controls="controls" autobuffer> 
<source src="IMG_3558.mp4" type="video/mp4"> 
<object data="" width="320" height="240"> 
<embed width="320" height="240" src="IMG_3558.mp4"> 
</object> 
</video> 
<br> 
FREAK OUT #1 

<br><br> 

<video width="320" height="240" controls="controls" autobuffer> 
<source src="IMG_3559.mp4" type="video/mp4"> 
<object data="" width="320" height="240"> 
<embed width="320" height="240" src="IMG_3559.mp4"> 
</object> 
</video> 
<br> 
STOP IT! 

</body> 
</html> 
+0

你確定你的視頻在你的服務器上,並且完全按照你的代碼命名嗎? (「IMG_3559.mp4」) –

+0

我的代碼沒有問題http://codepen.io/tuga/pen/PNaLRM,請確保第二個視頻存在並且編碼正確。 –

回答

0

似乎沒有要什麼你的代碼錯誤。所以可能的問題是:

  1. 您的視頻在您的服務器上(或者如果在計算機上運行,​​在可訪問的文件夾中)?
  2. 你是否正確鏈接到你的視頻(在正確的文件等)?
  3. 您的視頻是否與您的HTML具有完全相同的文件名?
  4. 您的視頻是否具有與HTML相同的文件擴展名? (.mp4,.mov等)

希望這有助於!