抛弃老旧的FLASH吧，推荐一个不错的HTML5播放器

html5技术已经到处都是了，介绍一个个不错的html5播放器玩玩吧，简单是重点

介绍

html5media是一个非常优秀的html5播放器，同样支持音频和视频播放，无论是外观兼容性或者播放效果都做的非常出色。
html5media支持视频播放以及音乐播放，在手机上使用同样没问题。

音乐播放器

安装方法

使用方法非常简单，在head.php文件中中，head标签中加入

<script src="//api.html5media.info/1.1.8/html5media.min.js"></script>

OK了，是的，好了，没有第二步了。

使用方法

在网页中插入视频，在编辑时使用文本编辑，在指定位置添加

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

添加音乐的话则可以添加

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

标签功能

针对音乐播放器来说的

• controls可以控制播放器界面，不需要界面的话，可以删除，删除的话，没有进度条，没有播放停止按钮，没有音量调节功能
• autoplay自动播放标签，添加之后打开就播放，看场合使用
• preload预加载标签，打开页面之后不立刻播放音乐，但是开始进行缓存音乐，为播放做准备。
• loop循环播放标签，播放开始后，循环不止。

你可能还会感兴趣的

HTML5音乐播放器：audiojs

HTML5视频播放器：videojs

相关链接

HTML5media官网:

扫码订阅，第一时间获得更新

微信扫码二维码，订阅我们网站的动态，另外不定时发送WordPress小技巧，你可以随时退订，欢迎订阅哦~