打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
优酷新版播放器站外调用代码详解

优酷新版播放器站外调用代码详解

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

<p align=center 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=true" 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>




 


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【聊代码】第一0 0 集 css样式(之七十)利用不透明度的改变
JQuery UI Layout
【程序员的浪漫】圣诞节到了,何不送给Ta一份程序员的浪漫
js_animation_B块和块碰撞及封装函数动画
简单实用又不花里胡哨的鼠标滑过样式
基于 jQuery UI 的解锁验证(代替验证码)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服