HTML5视频源代码标记语法

Question

使用相对位置在网站中插入视频时非常简单：

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

但是我需要从完全不同的目录中插入视频文件。 比如“C：\ Some \ Folder \ onthedrive \ videos”

但该项目位于：“C：\ XAMPP \ htdocs \ projectname”

我也试过这些东西：

<source src="file://C:\Some\Folder\onthedrive\videos\video.mp4" type="video/mp4"/>
<source src="file://C:/Some/Folder/onthedrive/videos/video.mp4" type="video/mp4"/>

我该怎么做才能解决这个问题？

修改：

<source src="file://C:\Some\Folder\onthedrive\videos\video.mp4" type="video/mp4"/>

实际上工作，网络服务器和浏览器识别它，但由于安全性，其中一个决定不加载文件。

Chrome：'不允许加载本地资源'。

Answer 1

您必须将“file：//”更改为“file：///”。

为什么有三个斜线？ “file：/// C：/ etc”是“file：// localhost / C：/ etc”的快捷方式

你可以在这里找到它：file URI scheme

修改

我下载了w3schools正在使用的视频example，我的代码看起来像这样

<video width="400" controls>
   <source src="file:///C:\Users\Gebruiker\Downloads\mov_bbb.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

确保更改网址的路径。这样它就与你的文件树匹配