Html 视频标签不工作
我试图在我的本地主机上创建一个电影播放器,但我遇到了一个问题,当我尝试播放一个电影(.mp4)文件时,我的视频似乎没有加载(电影大小为2.4gb),但当我尝试使用另一个大小较小(60mb)的.mp4文件时,效果非常好!我正在使用视频html标记,我尝试使用videojs,但我有同样的问题 这是我正在使用的一个简短示例:Html 视频标签不工作,html,video,html5-video,Html,Video,Html5 Video,我试图在我的本地主机上创建一个电影播放器,但我遇到了一个问题,当我尝试播放一个电影(.mp4)文件时,我的视频似乎没有加载(电影大小为2.4gb),但当我尝试使用另一个大小较小(60mb)的.mp4文件时,效果非常好!我正在使用视频html标记,我尝试使用videojs,但我有同样的问题 这是我正在使用的一个简短示例: <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
<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>
若要查看此视频,请启用JavaScript,并考虑升级到Web浏览器
问题可能是什么?我能做些什么来解决它?也许我的源代码src有问题?我应该用另一种格式试试吗
更新:
我将文件文件夹更改为桌面,现在这是我的代码:
<video controls>
<source src="C:\Users\franc\Desktop\Movies\Pelicula2.mp4" />
</video>
通过此操作,我得到以下错误消息不允许加载本地资源:file:///C:/Users/franc/Desktop/Movies/Pelicula2.mp4
但当我单击该超链接时,它会打开另一个窗口,视频会正确显示。使用
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://加载页面,那么您只能通过这种方式加载资产,而不能通过文件://@offbeat://是!我正在阅读有关它的文章,现在似乎工作正常,我只是将我的项目文件夹移动到wwwroot文件夹中的另一个文件夹,现在可以工作了,另一件事是将文件更改为如您所说的,如果您愿意,您可以将其作为答案发布!