如何在不使用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视频

回答

相关问题