如何在不使用YouTube的情況下嵌入html視頻

當談到網站開發時，顯然我是一個完全noob。我只需要幫助製作一個嵌入視頻的簡單html文件。我無法使用YouTube。我只需要嵌入本地文件，它不工作。如何在不使用YouTube的情況下嵌入html視頻

<!DOCTYPE html> 
<head> 
    <title>Testing</title> 
</head> 
<body> 
    <video id="0" controls width="502" height="479"> 
     <source src="OWA tutorial.webm" type='video/webm'> 
     <source src="OWA tutorial.mp4" type='video/mp4'> 
     <p>Video is not visible, most likely your browser does not support HTML5 video</p> 
    </video> 
</body> 
</html>

這是行不通的。「OWA tutorial.mp4」與html文件位於同一文件夾中。我究竟做錯了什麼？

來源

2013-06-28 John Dodson

誰知道？你有錯誤嗎？怎麼了？ – ceejayoz

作爲一個建議，不要把空間放在你的文件名中。改用連字符。 –

什麼是「不工作」？視頻不出現？沒有加載？不玩？ –

嘗試這樣：

<!DOCTYPE html> 
<head> 
    <title>Testing</title> 
</head> 
<body> 
    <video id="0" width="502" height="479" controls> 
     <source src="loop.ogv" type="video/ogg"> 
     <p>Video is not visible, most likely your browser does not support HTML5 video</p> 
    </video> 
</body> 
</html>

運作良好。就你的情況來說，只需要用mp4替換ogg即可。

編輯：我不是說你應該使用.ogv而不是.mp4。我剛剛用它作爲示例，因爲我已經嘗試使用.ogv文件（僅僅因爲我現在沒有.mp4文件）。你的代碼應該工作，如果你複製我的，只是用你的文件名和「video/ogg」替換爲「video/mp4」的「loop.ogv」。對不起，如果它是誤導。

來源

2013-06-28 16:05:50

什麼是loop.ogv文件？你在哪裏擁有它？ –

那麼，你的建議是什麼？使用'.ogv'文件以及'.webm'和'.mp4'？ –

loop.ogv文件只是我手上的文件你應該把你的文件放在那裏，不管它是什麼擴展名我只是建議你不要在文件名中加空格對不起它不清楚。 –

如何在不使用YouTube的情況下嵌入html視頻

回答

相關問題