视频标签无效

时间:2017-01-21 18:19:04

标签: html html5 video html5-video

我试图在我的本地主机上创建一个电影播放器​​,但我有一个问题,当我尝试播放电影(.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的问题?我应该用其他格式试试吗?

更新:

我将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,但当我点击该超链接时,它会打开另一个窗口并正确显示视频。

1 个答案:

答案 0 :(得分: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/