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,火狐浏览器