Home
Getting Started
Solutions
Tutorials
Tips
SE Optimization
Customizing OL
Help and How To
Downloads
Services
Frequently Asked Question
Contact Us
 

How to Insert YouTube Videos

If the video is already uploaded to YouTube, just skip to step 6.  Your copy paste code can be obtained on the left side next to the video.  You can also customize the player colors and a few other options by clicking the little gear icon.

 

1.  Sign up for YouTube account at http://youtube.com.

 

2.  Once you have an account, go to your Account page and under My Videos go to Uploaded Videos, click New (left side near the top), you add either a playlist or upload a video, which is what we are going to do.

 

3.  Give the video a name, description, select a category, and enter some tags (keywords) for your video.  Then click Upload video.

 

4.  Browser and select your video and click Upload.

 

5.  Once done uploading, you will be given an embeddable copy/paste code.  Do not copy the code yet.

 

6.  Copy the following code to notepad:

 

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/Footer">
<![CDATA[
 

]]>
</xsl:template>
</xsl:stylesheet>

 

7.  Now copy the YouTube and paste it between the <![CDATA[ ]]> tags, like below:

 

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/Footer">
<![CDATA[
<object width="425" height="344">
<param name="movie" value="
http://www.youtube.com/v/mUI2xE7UnDM&hl=
en&fs=1&color1=0xe1600f&color2=0xfebd01">
</param><param
name="allowFullScreen" value="true"></param><embed src="
http://www.youtube.com/v/mUI2xE7UnDM&hl=
en&fs=1&color1=0xe1600f&color2=0xfebd01
" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
]]>
</xsl:template>
</xsl:stylesheet>

 

8.  Copy the entire code from notepad and paste it into a custom footer module, removing everything else.

 

Note:  If you don't have the Custom Footer Module, you need to activate Advanced Design Tools.

 

Example Video

This is the results from the code above.