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

发布于 2020-03-01 19:44:15 字数 1966 浏览 1683 评论 0

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

官网:https://html5media.info/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84961 人气
更多

推荐作者

娇女薄笑

文章 0 评论 0

biaggi

文章 0 评论 0

xiaolangfanhua

文章 0 评论 0

rivulet

文章 0 评论 0

我三岁

文章 0 评论 0

薆情海

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文