视频标签不起作用

Question

我正在尝试在我的本地主机上创建一个电影播放器，但我遇到了一个问题，当我尝试播放电影 (.mp4) 文件时，我的视频似乎没有加载（电影大小为 2.4gb）但是当我尝试使用另一个尺寸更小 (60mb) 的 .mp4 文件时，效果很好！我正在使用视频 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 的问题？我应该尝试使用其他格式吗？

更新：

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

<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 但是当我单击该超链接时它会打开另一个 window 并且视频可以正常显示。

Answer 1

使用

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

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

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

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

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

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

视频标签不起作用

Video tag is not working

html

video

html5-video