html5media.js跨浏览器兼容的HTML5视频音频播放器

ZAERA 2017-05-20 651 次浏览 0 条评论

HTML5在音频和视频方面强大并易于使用,然而旧版本的浏览器并不支持,而且对于支持HTML5的浏览器在支持多媒体格式上也各不一样。

html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。

官方介绍

要使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>

使用教程

如果你想在自己的网站部署原作者脚本的话,可以下载js文件,放到主题的js文件夹里。

之后只需要在<head>这里</head>加载一个JS就可以。如下:

<script src="html5media.min.js"></script>

1、视频引用方法

<video src="video.mp4" width="320" height="200" controls preload></video>

2、音频引用方法

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

注意:在低版本的浏览器是显示不出来的,强烈要求使用高级浏览器,比如:Chrome,Opera,火狐浏览器

微信扫一扫,分享到朋友圈

html5media.js跨浏览器兼容的HTML5视频音频播放器

只有绵羊会向狮子要求平等,而狮子们从来不会这样想。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

61 − 52 =