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
相关链接
-- 完 --
音乐不错,想在自己的博客也添加一个,可是介绍的不是很详细,看来是菜鸟,搞了一下,没有搞出来
@纬创博客 其实就是audio标签而已
死阔以,verv good的
现在阔以了吧 💡
好奇怪的说