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

Question

我正在尝试在浏览器中播放.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>

参考文献:

我如何播放H264视频？

播放.h264文件网络播放器

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

Answer 1

您不必在 html 代码中包含 h.264，只需包含视频文件的路径和视频文件名。因此，假设您的视频文件是 .mp4，您的文件名称是，myvideo.mp4并且您myvideo.mp4位于名为 的文件夹中videos，并且您的 html 文件位于项目文件夹中该文件夹的外部videos，那么您需要执行以下操作：

<video width="560" controls>
  <source src="videos/myvideo.mp4" type="video/mp4">
</video>

只要您的视频以 mp4 格式编码，这就会起作用。h264 是一种编解码器，在这种情况下完全无关。

您应该首先在网上找到一个mp4编码器，有很多免费的编码器，将您的视频编码为.mp4，然后使用上面的html代码，您的视频就可以正常播放。