博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
优酷新版播放器站外调用代码详解
阅读量:6283 次
发布时间:2019-06-22

本文共 1492 字,大约阅读时间需要 4 分钟。

转自: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
>

  复制代码的时候,把代码复制到记事本内过滤的代码,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
>

转载于:https://www.cnblogs.com/picaso/archive/2011/06/05/2073169.html

你可能感兴趣的文章
折射向量计算(Refraction Vector Calculation)
查看>>
常见的压缩文件格式案例tarZ
查看>>
QT环境下实现UI界面的“拼图游戏”
查看>>
WIN7 64位操作系统 无法找到Access驱动
查看>>
怎样解题
查看>>
HDU - 4901 The Romantic Hero(dp)
查看>>
LightOJ - 1246 Colorful Board(DP+组合数)
查看>>
sqlserver distribution分发alwayson搭建
查看>>
力扣算法题—055跳跃游戏
查看>>
Nginx服务安装指南
查看>>
layer遮罩层 简单的遮罩层
查看>>
vue中使用腾讯云Im
查看>>
java FTP上传文件
查看>>
ubuntu 安装 eslint
查看>>
【转】围观 Joomla, Wordpress 和 Drupal
查看>>
用JS做关灯游戏(初级)
查看>>
vue.js学习 自定义过滤器使用(2)
查看>>
laravel资源
查看>>
各种排序讲解
查看>>
Sql Server 网络配置
查看>>