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

» 网络技术 » 抛弃老旧的FLASH吧,推荐一个不错的HTML5播放器

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

抛弃老旧的FLASH吧,推荐一个不错的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官网:

-- 完 --

发表评论

电子邮件地址不会被公开。 必填项已用*标注

5 Replies to “抛弃老旧的FLASH吧,推荐一个不错的HTML5播放器”

  1. 音乐不错,想在自己的博客也添加一个,可是介绍的不是很详细,看来是菜鸟,搞了一下,没有搞出来