视频标签不起作用答案

【问题标题】：Video tag is not working视频标签不起作用
【发布时间】：2017-06-06 13:46:15
【问题描述】：

我正在尝试在本地主机上创建电影播放器，但我遇到了一个问题，当我尝试播放电影 (.mp4) 文件时，似乎我的视频没有加载（电影大小为 2.4gb）但是当我尝试使用另一个较小的 .mp4 文件（60mb）完美运行！我正在使用 video html 标签，我尝试使用 videojs，但我遇到了同样的问题。

这是我正在使用的一个简短示例：

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
       poster="Images/Image1.jpg" data-setup="{}">
    <source src="RootFolder/Pelicula2.mp4" type='video/mp4'>
    <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that
        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
</video>

可能是什么问题，我能做些什么来解决它？也许这是我的源 src 的问题？我应该尝试其他格式吗？

更新：

我将 Files 文件夹更改为桌面，现在这是我的代码：

<video controls>
    <source src="C:\Users\franc\Desktop\Movies\Pelicula2.mp4" />
</video>

这样，我收到以下错误消息Not allowed to load local resource: file:///C:/Users/franc/Desktop/Movies/Pelicula2.mp4，但是当我单击该超链接时，它会打开另一个窗口并且视频会正确显示。

【问题讨论】：

如果您通过 http:// 加载页面，那么您只能以这种方式加载资源，而不是通过 file://
@Offbeatmammal 是的！我正在阅读它，现在似乎可以正常工作，我只是将我的项目文件夹移动到我的 wwwroot 文件夹中的另一个文件夹，现在可以工作了，另一件事是将文件更改为 myurl 就像你说的那样，如果你想要你可以发布那就是答案！

标签： html video html5-video

【解决方案1】：

使用

C:\Users\franc\Desktop\Movies\Pelicula2.mp4

允许浏览器访问来自用户本地系统的内容，这是不允许直接在浏览器中执行的操作，您可以将视频托管在任何 blob（如 amazon s3 或 Microsoft azure）上，或者如果您必须将该文件夹放在您的 c :\ 目录，您将需要创建一个简单的服务器来将此文件提供给客户端，也许您可以查看 Node.js，如果您有使用 JavaScript 的经验，这将是您最简单的解决方案

编辑：在做了一些研究后，我发现您可以在浏览器中手动禁用此安全功能，只需在终端中键入以下内容

> "C:\PathTo\Chrome.exe" --allow-file-access-from-files

确保将 PathTo 替换为系统上 chrome 的当前路径

来源：http://www.chrome-allow-file-access-from-file.com/

【讨论】：