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

发布时间:2019-05-15 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了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 – 如何使用视频标签在.html网页中嵌入.h264视频文件全部内容,希望文章能够帮你解决html5 – 如何使用视频标签在.html网页中嵌入.h264视频文件所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: