javascript html5视频播放器

html-css023

javascript html5视频播放器,第1张

款很棒的 HTML5 视频播放器作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,其中之一就是 video 标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。1、VideoJSVideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。2、SublimeVideoSublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器,功能强大,可惜不是免费的。3、Open Standard Media (OSM) Player由 Alethia Inc 开发,是集全功能于一体的网络播放器,非常不错。4、Video for EverybodyVideo for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频,在不支持的浏览器中自动切换为 Flash 播放。5、Kaltura HTML5Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器,采用独特的 fallback 机制。6、FlareVideoFlareVideo 由 Alex MacCaw 开发,他是一位Ruby/JS开发者,FlareVideo主要特色:在不支持 HTML5 视频的情况,用Flash作为替代方案可轻松自定义主题支持全屏完全开源和免费用于商业用途7、Projekktor全文

可以使用html5的audio标签来添加音乐播放器

<audio controls>

type:指定文件类型  

<source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

</audio>

对应的参数属性如下图:

提供一个最简单的HTML5音乐播放器代码。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Html5 音乐播放</title>

</head>

<body>

<center>

<audio autoplay="autoplay" controls="controls" src="www.xxx.com/111.mp3" />

你的浏览器不支持audio标签。

</audio>

</center>

</body>

</html>

【注意】

音乐的位置,可以放在服务器上,或者虚拟主机上。比如上面例子中的www.xxx.com/111.mp3  就是指xxx域名根目录下的mp3文件。

如果上传了MP3,还没能正常播放,有可能需要给服务器增加MP3的MIME类型。正常情况下,服务器或者空间都是配置好的。

纯手打,望采纳。