为什么 HTML5 不播放服务器上的视频?
我正在 Linux 中使用 ffmpeg 将视频转换为 mp4(H.264 和 aac 编解码器),并尝试使用 HTML5 从服务器运行视频。 它不起作用。但如果我在本地运行视频,使用 wamp 服务器播放流畅。
FFMpeg 注释
ffmpeg -i inputfile.avi -sameq -acodec libfaac -ab 128kb -vcodec libx264 -b 1157kb -mbd 2 -flags +4mv+trell -aic 2 -cmp 2 -subcmp 2 -s 312×176 -title X outputfile.mp4
HTML 5 编码
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="testfile_mov.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html>
我使用网络嗅探器测试了内容类型。它给出了 text/html。如何从我的网络服务器播放 HTML5。
在 chrome 中我得到空白屏幕(来自其他网站的 Chrome 正在播放 HTML5 视频。今天下载并安装了 Chrome)。在 safari 中它可以正常工作。(Safari 版本 5.0.3)
I am converting the video into mp4(H.264 and aac codec) using ffmpeg in linux and try to run the video from server using HTML5.
It doesnt work.But if I run the video in local, using wamp server its playing smoothly.
FFMpeg comment
ffmpeg -i inputfile.avi -sameq -acodec libfaac -ab 128kb -vcodec libx264 -b 1157kb -mbd 2 -flags +4mv+trell -aic 2 -cmp 2 -subcmp 2 -s 312×176 -title X outputfile.mp4
HTML 5 Coding
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="testfile_mov.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html>
I tested the content type with web sniffer.It gives the text/html.How can I play the HTML5 from my webserver.
In chrome I get the blank screen(Chrome from other sites HTML5 videos are playing.Chrome downloaded and installed today).And In safari its working.(Safari version 5.0.3)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我想配置网络服务器来发送正确的视频文件内容类型可能是一个好的开始。视频不是“text/html”。
I imagine that configuring the web server to send the correct content-type for video files might be a good start. Video is not "text/html".
HTML5 视频在格式兼容性方面存在重大问题。不同的浏览器支持不同的视频编解码器。他们之间没有共同点,而且他们已经争论了很多年。这涉及很多政治因素。
有多种方法可以让它在所有浏览器中工作,但它确实需要以多种格式保存视频并编写一些额外的 HTML 标记,以使其能够回退到每个浏览器的正确格式。
关于此的一篇好文章可以在这里找到: http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-include-ipad/(但由于这是一个相当常见的问题,因此有很多网络上的其他文章也处理同样的问题,所以如果这篇文章没有帮助,快速访问谷歌应该会给你更多更多)
希望有帮助。
HTML5 video has major issues with format compatibility. Different browsers support different video codecs. There's no common ground between them, and they've been arguing about it for ages. There's a lot of politics involved.
There are ways of getting it to work in all browsers, but it does require saving the video in multiple formats and writing some extra HTML markup to allow it to fall back to the correct format for each browser.
A good article on this can be found here: http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/ (but since it's a fairly common issue, there are plenty of other articles around the web which deal with the same problem, so if this one doesn't help, a quick visit to google should give you plenty more)
Hope that helps.