html5media 简单高效的 HTML5 视频音频播放器兼容性解决方案
随着 HTML5 的流行,<video>
、<audio>
等多媒体标签使得多媒体的使用更加容易,但是它们对低版本浏览器的支持度不够高,导致在低版本的浏览器上无法工作,html5media 正是为解决这个问题而诞生的。
html5media 支持所有主要浏览器中的 <video>
和 <audio>
标签。
只需一行代码就可以使 HTML5 视频和音频标签在所有主要浏览器中工作。
- 没什么可安装的。
- 适用于所有浏览器和手机。
- 最快的解决方案之一。
如何在所有主要浏览器中启用 <video>
和 <audio>
标记
要使 HTML5 视频和音频标记在所有主要浏览器中工作,只需在文档的 <head> 中添加以下代码行即可。
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>
就这样,没有第二步!
如何嵌入视频
可以使用以下代码将视频嵌入到页面中。
<video src="video.mp4" width="320" height="200" controls preload></video>
有关更多信息和故障排除,请访问 视频维基页面.
如何嵌入音频
可以使用以下代码将音频嵌入到页面中。
<audio src="audio.mp3" controls preload></audio>
有关更多信息和故障排除,请访问 音频维基页面.
为什么使用 html5 媒体?
HTML5 视频和音频标签的设计使得嵌入视频就像嵌入图像一样容易。他们还被设计为给用户一个更快的体验,通过取消浏览器插件,如 Adobe Flash。
不幸的是,较旧的浏览器不支持 HTML5 视频和音频标记,甚至现代浏览器也不支持一致的视频编解码器,这使得嵌入视频变得相当困难。
html5media 项目使嵌入视频或音频变得非常简单。这是一种自燃即忘的解决方案,不需要在服务器上安装任何文件。与许多其他 HTML5 视频播放器不同,它允许人们使用自己的 Web 浏览器提供的视频控件。它是可用的最小、最快的解决方案之一,随着浏览器技术的改进,它将变得更快。
更多信息
html5media 项目是开源的,可以在 GitHub 上找到。您可以找到更多关于 html5媒体维基,或者主要 html5media项目页面。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论