如何从我的计算机将视频嵌入到 HTML 文档中？

Question

我正在尝试将我的 MacBook 中的视频附加到 HTML 5 括号代码编辑器中的网页，但该视频未在浏览器中播放 (chrome)，而该框视频的控件是 visible.The 视频存储在我的硬盘驱动器上名为 videos 的文件夹之一中。

尝试使用 mpeg 扩展名代替 mp4，并且我尝试在 src 属性中使用不同的路径。还尝试使用代码下方注释的第二个源标记。

<body>
<video controls>
<source src="video1.mp4" type="video/mp4"> 
<!--<source src="video1.ogg" type="video/ogg">-->
</video>
</body>

一切正常，包括框、控件，但只有视频无法播放。

Answer 1

你在src属性中写的路径是相对于html文件的位置，你需要确保视频在同一个文件夹中或者路径指向到存储视频的文件夹。

示例：

如果视频存储在 videos 文件夹中，该文件夹与您的 html 文件位于同一文件夹中：

src="videos/video1.mp4"

您还可以为多种格式提供 src --

<video controls> 
    <source src="videos/video1.ogg" type="video/ogg">
    <source src="videos/video1.mp4" type="video/mp4">
</video>

How to embed a video in an HTML document from my computer?