您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:12-14来源:作者:点击数:
CDSY,CDSY.XYZ

随着 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>

有关更多信息和故障排除,请访问 视频维基页面( github /etianen/html5media/wiki/embedding-video).

如何嵌入音频

可以使用以下代码将音频嵌入到页面中。

<audio src="audio.mp3" controls preload></audio>

有关更多信息和故障排除,请访问 音频维基页面( github /etianen/html5media/wiki/embedding-audio).

为什么使用 html5 媒体?

HTML5 视频和音频标签的设计使得嵌入视频就像嵌入图像一样容易。他们还被设计为给用户一个更快的体验,通过取消浏览器插件,如 Adobe Flash。

不幸的是,较旧的浏览器不支持 HTML5 视频和音频标记,甚至现代浏览器也不支持一致的视频编解码器,这使得嵌入视频变得相当困难。

html5media 项目使嵌入视频或音频变得非常简单。这是一种自燃即忘的解决方案,不需要在服务器上安装任何文件。与许多其他  HTML5 视频播放器不同,它允许人们使用自己的 Web 浏览器提供的视频控件。它是可用的最小、最快的解决方案之一,随着浏览器技术的改进,它将变得更快。

更多信息

html5media 项目是开源的,可以在 GitHub 上找到。

CDSY,CDSY.XYZ
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐