优酷新版播放器,开灯关灯特效


优酷现在更新的优酷播放器,增加了开灯关灯特效,蓝叶看着很漂亮,就花了点时间,把这个调用代码找了出来,现在就分享个需要的同学。优酷附带开灯关灯特效新版播放器的站外调用代码如下:

<p class="playArea"><embed type="application/x-shockwave-flash" src="http://static.youku.com/v1.0.0155/v/swf/player.swf?VideoIDS=XMTgyMDc4NTI4" rel="external nofollow" width="600" height="400" id="movie_player" name="movie_player" bgcolor="#FFFFFF" quality="high" allowfullscreen="true" wmode="opaque" allowscriptaccess="always" flashvars="showAd=0&winType=interior&Cp=0&Light=on&THX=&Tid=0&Version=/v1.0.0662&show_ce=1&isAutoPlay=false" pluginspage="http://www.macromedia.com/go/getflashplayer" /></p><div id="playshow_mask" style="display: none; opacity: -0.05; "><div class="light_switch"><a href="javascript:;" rel="external nofollow" onClick="Light.turn();"></a></div></div> 

复制代码的时候,把代码复制到记事本内过滤的代码,VideoIDS=后面的是视频的ID,这个不多说,不明白的可以找找之前的写的一片博文就明白了。到这里就是优酷新版播放器的站外调用代码了,如果不需要开关灯特效就无需往下看了,如果需要就继续看说明。复制代码的时候记住一定要把代码放倒<p class="playArea"></p>中间,不然开关灯特效无法实现。在页脚或页头加入CSS以及要调用的JS,代码如下:

<script type="text/javascript" src="http://static.youku.com/v1.0.0662/v/js/v4/v4.js" rel="external nofollow" ></script> <style>#playshow_mask{display:none;width:100%;height:100%;filter:alpha(opacity=100);opacity:1.0;z-index:99;background-color:#101010;position:fixed;_position:absolute;top:0;left:0;}.playArea {position:relative;z-index:1000;margin: 0 auto;}</style>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值