javascript html5视频播放器

JavaScript012

javascript html5视频播放器,第1张

款很棒的

HTML5

视频播放器作为下一代的网页语言,HTML5

拥有很多让人期待已久的新特性,其中之一就是

video

标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。1、VideoJSVideoJS

是最流行的

HTML5

视频播放器,免费、开源,可使用

CSS

轻松定制皮肤,支持全屏,在不支持的浏览器自动切e799bee5baa6e4b893e5b19e31333433623063换为

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全文

黑色免费皮肤 (很多人在用)

javascript:window.top.space_addItem(1,26341,80,80,0,0,605)

黑色免费皮肤(带雪花)

javascript:window.top.space_addItem(1,26498,80,0,0,0,221)

绿色免费皮肤

javascript:window.top.space_addItem(1,7619,0,80,0,0,93)

灰色免费皮肤

javascript:window.top.space_addItem(1,4693,80,80,0,0,124)

女生用的免费皮肤

javascript:window.top.space_addItem(1,11998,0,80,0,0,90)

黄色免费皮肤

javascript:window.top.space_addItem(1,1630,0,80,0,0,90)

免费鼠标代码 http://38482772.qzone.qq.com

一: javascript:window.top.space_addItem(4,5535,0,0,1,1,0)

二: javascript:window.top.space_addItem(4,4966,0,0,0,1,0)

三: javascript:window.top.space_addItem(4,5837,0,0,1,1,0)

四: javascript:window.top.space_addItem(4,1151,0,0,0,1,0)

免费开场动画http://38482772.qzone.qq.com

适合 MM使用代码 javascript:window.top.space_addItem(14,26340,0,0,0,0,0)

免费公益开场动画 http://38482772.qzone.qq.com

第一款: 烛愿 代码 javascript:window.top.space_addItem(14,26501,0,0,0,0,0)

第二款: 同感身受 代码 javascript:window.top.space_addItem(14,26501,0,0,0,0,0)

第三款: 流星 代码 javascript:window.top.space_addItem(14,26500,0,0,0,0,0)

一: 横向 粉红色的 适合女生空间

代码:javascript:window.top.space_addItem(13,5503,0,0,600,200,0)

二: 睡美人 适合女生空间使用

代码: javascript:window.top.space_addItem(13,9758,0,0,200,600,0)

三: 爱心花藤 绿色花藤带红色的 爱心

代码: javascript:window.top.space_addItem(13,9114,0,0,200,600,0)

四: 音乐盒免费导航 蛮适合男生用的

代码:javascript:window.top.space_addItem(13,5330,0,0,200,600,0)

五: 最受欢迎的一款 黑色简约的免费导航

代码:javascript:window.top.space_addItem(13,1,100,80,0,0,94)

六: 可爱女孩系列 彩色五角星星 很适合女生

代码:javascript:window.top.space_addItem(13,5145,0,0,200,600,0)

带有7个人生果5级花代码 javascript:window.top.space_addItem(7,7288,0,0,0,1,0)

QQ空间5级花代码黑色妖精代码 javascript:window.top.space_addItem(7,6553,0,0,0,1,0)

经典花之神匠黑玫瑰代码 javascript:window.top.space_addItem(7,2464,0,0,0,1,0)

QQ空间免费装扮物品 http://38482772.qzone.qq.com

五彩爱恋 javascript:window.top.space_addItem(16,23733,350,80,500,600,0)

情人结 javascript:window.top.space_addItem(16,23732,330,80,600,600,0)

love day javascript:window.top.space_addItem(16,23726,350,80,500,600,0)

占卜爱情 javascript:window.top.space_addItem(16,23730,350,80,500,600,0)

全灰色皮肤代码 javascript:window.top.space_addItem(1,6300,0,0,0,0,1)

免费开场代码 javascript:window.top.space_addItem(14,7983,0,0,1,1,0)

新款竖向QQ空间导航代码 javascript:window.top.space_addItem(13,9758,0,0,200,600,0)

黑色皮肤代码接近全黑

居中 javascript:window.top.space_addItem(1,12736,80,80,0,0,93)

不居中 javascript:window.top.space_addItem(1,12736,80,0,0,0,93)

新免费皮肤黑暗世界 javascript:window.top.space_addItem(1,9475,0,0,1,1,94)

免费皮肤代码+漂浮+鼠标+播放器+导航+公告栏

漂浮 梦的希望 javascript:window.top.space_addItem(5,609,0,0,1,1,0)

鼠标 老鹰 javascript:window.top.space_addItem(4,1151,0,0,0,1,0)

播放器 旋律 javascript:window.top.space_addItem(6,1228,0,0,200,200,0)

皮肤(小窝) 灰色BUG javascript:window.top.space_addItem(1,2882,0,0,0,1,1)

灰色BUG javascript:window.top.space_addItem(1,6300,0,0,0,0,1)

强生可伶可俐 javascript:window.top.space_addItem(1,10144,0,0,0,1,0)

强生可伶可俐 javascript:window.top.space_addItem(1,10425,0,0,0,1,1)

测试(老女人)javascript:window.top.space_addItem(1,11762,0,0,0,1,1)

全屏 天蓝色javascript:window.top.space_addItem(1,11762,0,0,0,1,94)

导航 粉可爱BUG空导航 javascript:window.top.space_addItem(13,4332,0,0,600,200,0)

导航睡美人(很漂亮哦) javascript:window.top.space_addItem(13,9758,0,0,200,600,0)

透明公告栏LOVELETTER javascript:window.top.space_addItem(12,1072,0,0,96,96,1)

新‖免费欢迎欢迎动画+横向导航+鼠标

欢迎动画 javascript:window.top.space_addItem(14,5242,0,0,1,1,0)

横向导航 javascript:window.top.space_addItem(13,5503,0,0,600,200,0)

免费鼠标 javascript:window.top.space_addItem(4,5535,0,0,1,1,0)

免费鼠标 javascript:window.top.space_addItem(4,5837,0,0,1,1,0)

8月29号新发现的免费黑色皮肤

javascript:window.top.space_addItem(1,12736,0,80,0,0,93)

载入不同css(换皮肤效果)

function SetCookie(name,value){

var argv=SetCookie.arguments

var argc=SetCookie.arguments.length

var expires=(2<argc)?argv[2]:null

var path=(3<argc)?argv[3]:null

var domain=(4<argc)?argv[4]:null

var secure=(5<argc)?argv[5]:false

document.cookie=name+"="+escape(value)+((expires==null)?"":("expires="+expires.toGMTString()))+((path==null)?"":("path="+path))+((domain==null)?"":("domain="+domain))+((secure==true)?"secure":"")

}

function GetCookie(Name) {

var search = Name + "="

var returnvalue = ""

if (document.cookie.length >0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf("", offset)

if (end == -1)

end = document.cookie.length

returnvalue=unescape(document.cookie.substring(offset,end))

}

}

return returnvalue

}

var thisskin

thisskin=GetCookie("nowskin")

if(thisskin!="")

skin.href=thisskin

else

skin.href="style2.css"//此处设置你默认的一套css

function changecss(url){

if(url!=""){

skin.href=url

var expdate=new Date()

expdate.setTime(expdate.getTime()+(24*60*60*1000*30))

//expdate=null

SetCookie("nowskin",url,expdate,"/",null,false)

}

}

然后定义css文件

<link id="skin" rel="stylesheet" type="text/css"/>

再通过下面的方式让用户自行定义皮肤

<a href="javascript:changecss('style1.css')">风格1</a>

<a href="javascript:changecss('style2.css')">风格2</a>