html - 如何使用视频标签在 html 网页中嵌入 .h264 视频文件

标签 html video-streaming html5-video h.264 mp4

我正在尝试在浏览器中播放 .h264 文件，尝试使用 html 视频标签来完成此操作。结果总是一个空框。

我确实检查了网络上的一些链接，他们建议在 .mp4 容器中播放视频。

有人可以帮我完成这个吗？

更新代码:

<video width="560" height="340" preload controls>

  <source src="hh.h264" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  	<!--<source src="hh.mov" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
	<source src="hh.ogv" type='video/ogg; codecs="theora, vorbis"' />
	<source src="hh.webm" type='video/webm; codecs="vp8, vorbis"' />-->



</video>

引用资料:

How do i play H264 video?

Play .h264 files webplayer

http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=6u-u00TH7Je

最佳答案

.h264 文件包含浏览器不直接支持的原始 H.264 流。您可以使用类似 FFmpeg 的工具像推荐的其他答案一样将其放入容器中:

ffmpeg -f h264 -i test.h264 -c:v copy test.mp4

编辑:

如果您必须播放原始 H.264 字节流，那么您需要一个浏览器插件。 VLC 网络插件示例:

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" target="test.h264" />

关于html - 如何使用视频标签在 html 网页中嵌入 .h264 视频文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29487978/