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

前端之家收集整理的这篇文章主要介绍了html5 – 如何使用视频标签在.html网页中嵌入.h264视频文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在浏览器中播放.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

解决方法

您不必在HTML代码中包含h.264,只需要包含视频文件的路径和视频文件名.所以,假设您的视频文件是.mp4,文件名称是myvideo.mp4,myvideo.mp4位于名为videos的文件夹中,您的html文件就在项目文件夹中的视频文件夹之外,那么这就是你需要的做:
<video width="560" controls>
  <source src="videos/myvideo.mp4" type="video/mp4">
</video>

如果您的视频以mp4格式编码,这将有效. h264是一个编解码器,在这种情况下完全不相关.

您应该首先在线找到一个mp4编码器,有许多免费编码器,将您的视频编码为.mp4,然后使用上面的HTML代码,您的视频将正常播放.

猜你在找的HTML5相关文章