html5media 简单高效的 HTML5 视频音频播放器兼容性解决方案 - 文章教程

html5media 简单高效的 HTML5 视频音频播放器兼容性解决方案

发布于 2020-03-01 字数 2551 浏览 1369 评论 0

随着 HTML5 的流行,<video><audio> 等多媒体标签使得多媒体的使用更加容易,但是它们对低版本浏览器的支持度不够高,导致在低版本的浏览器上无法工作,html5media 正是为解决这个问题而诞生的。

html5media 简单高效的 HTML5 视频音频播放器兼容性解决方案

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项目页面

官网:https://html5media.info/

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

伊面

文章 0 评论

白况

文章 0 评论

七禾

文章 0 评论

亢潮

文章 0 评论

悲念泪

文章 0 评论