Custom Youtube Video Player


Customize the Youtube Video Player: 


Load or cue a video and enter the Video ID or URL > Load Video button

Set the Embedded Player Parameters. 

Custom Video Player Parameters:

rel   Show Related Videos
autoplay   Automatically play video.
loop   Loop Video/Video Playlist
enablejsapi   Enable the JavaScript API.
Javascript Load Error in Google Sites
playerapiid   An alphanumeric string used in conjunction with the JavaScript API.
Javascript Load Error in Google Sites 
           
disablekb   Disable player keyboard controls. Keyboard controls are:
  • Spacebar: Play/Pause
  • Left arrow: Jump back 10% in current video.
  • Right arrow: Jump ahead 10% in current video.
  • Up arrow: Volume up
  • Down arrow: Volume down
 
egm   mouses over menu
border   Display a border
color1   border color                  
color2   background color                  
start   Time offset in Seconds 


For a Time Link use : (URL Link for specific video time

http://www.youtube.com/watch?v=ylLzyHk54Z0#t=1m00s

More Information: Video Time Control

fs     Enable Full Screen
hd   Enable the HD playback button. 
showsearch   Display Search Box
showinfo   Display Video Information
iv_load_policy   Display video annotations.
cc_load_policy   Display closed captions  
Javascript Load Error in Google Sites

Dimensions: 
Width
Height




Google+ 'Hangouts on AIR' and YouTube LIVE Video Embedding.

More Youtube API information:

Chromeless Player:

The Chromeless Player does not display any controls (Standard Youtube Chrome Buttons). 

The controls and functionality therefore can be fully created in Flash.



Custom Video Example:




<Embed> 

<object style="height: 344px; width: 425px"><param name="movie" value="http://www.youtube.com/v/ylLzyHk54Z0?&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/ylLzyHk54Z0?&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></object> </Embed>
 





YouTube Api Wizard:



When you have adjusted the parameters in the Youtube API wizard tool Click Refresh embedded player to update the embed Code.

Then Copy the Embed Code into your Google Sites Html and paste it within <embed></embed> tags.
This will preserve the embed code as a Google gadget.

Match Video Height and Width with your Google Embed Gadget > Properties > Height and Width
If you have a Google Sites Javascript : Load Error ? When saved , refresh/F5 to preview the new width and Height adjustment. 

Check the Google Gadget code some auto-formating may occur.


Autoplay Video Feature:


< Embed> <object style="height: 344px; width: 425px"><param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3?version=3&autoplay=1&loop=1&border=1&color1=0xb1b1b1&color2=0xcfcfcf&fs=1&hd=1&feature=player_embedded"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3?version=3&autoplay=1&loop=1&border=1&color1=0xb10000&color2=0xcfcfcf&fs=1&hd=1&feature=player_embedded" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></object>
</Embed>