Detailed explanation of the out-of-site call code of Youku New Version player

Source: Internet
Author: User

from the blue leaf blog: http://lanye.org/web/youkudiaoyong.html

Youku's updated Youku player now adds the special effect of turning on and off the lights. The blue leaf looks very beautiful and it takes some time to call this function.CodeI found out and now I want to share my classmates. The out-of-site call code for the new version of the player that comes with the function of turning on and off the lights on Youku is as follows:

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

When copying code, copy the code to the Code filtered in Notepad. videoids = is followed by the video ID, if you don't understand, you can find a blog post you wrote earlier. This is the out-of-site call code of the new Youku Player version. If you do not need to switch the light effect, you do not need to read it down. If you need to switch the light effect, continue to read the instructions. When copying the code, remember to put the code in the middle of <P class = "playarea"> </P>. Otherwise, the special effect of switching the light cannot be achieved. Add CSS and js to the footer or page header. The Code is as follows:

 <  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 = 1, 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 >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.