转自蓝叶博客:http://lanye.org/web/youkudiaoyong.html
优酷现在更新的优酷播放器,增加了开灯关灯特效,蓝叶看着很漂亮,就花了点时间,把这个调用代码找了出来,现在就分享个需要的同学。优酷附带开灯关灯特效新版播放器的站外调用代码如下:
<
p
class
="playArea"
>
< embed type ="application/x-shockwave-flash" src ="http://static.youku.com/v1.0.0155/v/swf/player.swf?VideoIDS=XMTgyMDc4NTI4" 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:;" onClick ="Light.turn();" >
</ a >
</ div >
</ div >
< embed type ="application/x-shockwave-flash" src ="http://static.youku.com/v1.0.0155/v/swf/player.swf?VideoIDS=XMTgyMDc4NTI4" 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:;" 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"
>
</ 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 >
</ 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 >