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,火狐浏览器
本作品采用 署名-非商业性使用-禁止演绎 4.0 国际(CC BY-NC-ND 4.0) 进行许可