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
相关链接
-- 完 --
扫码订阅，第一时间获得更新
微信扫码二维码，订阅我们网站的动态，另外不定时发送 WordPress 小技巧，你可以随时退订，欢迎订阅哦~
