HTML 5 视频出现问题,视频无法显示
所以我为 chrome 和 firefox 制作了 HTML5 视频...当然是 mp4 和 .ogv 我遇到的问题是视频可以在某些 Chrome 浏览器上运行,而在其他浏览器上则不能运行,并且视频在任何 Firefox 浏览器上根本无法显示(请记住,所有经过测试的浏览器都已完全更新,这意味着它们支持 HTML5 视频) )这是我的源代码
<video id="the-video" width="550px" height="550px" controls>
<source src="videos/intro.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="videos/intro.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
so I madean HTML5 video for chrome and firefox ... mp4 and .ogv of course
The problem im having is that the video is working on some chrome browsers while it doesnt on others and the video is not showing at all on any firefox browser ( keep in mind that all browsers that were tested on were fully updated meaning they support HTML5 video ) here is my source code
<video id="the-video" width="550px" height="550px" controls>
<source src="videos/intro.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="videos/intro.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
添加 *.webm 并将其设为第一个源
add *.webm and make it first source
Firefox 不支持 H.264,Chrome 支持,但很快就会放弃。
无论如何,您应该使用 HTML 5 的 Webm 视频格式。
Firefox doesn't support H.264, Chrome does but will drop soon.
Anyway you should use Webm video format for HTML 5.
尝试将 .ogv 重命名为 .ogg,服务器可能未设置为提供 .ogv 文件。我过去也曾发生过这种情况。
或者,如果您有权访问服务器,请为 .ogv 扩展名添加 MIME 类型 video/ogg。
Try renaming the .ogv to .ogg, the server might not be set up to serve .ogv files. This has happened me in the past.
Alternatively, if you have access to the server, add the MIME type video/ogg for .ogv extensions.