You may add YouTube videos to the pages of your site by using the javascript instantiation that avoids the effect of the videos overlapping the header.
To do this, you must first find the direct url for the movie:
- go to the YouTube video page (eg: http://www.youtube.com/watch?v=ow70oUP2DSg )
- click on "share" and then on "embed":
Under the code given by YouTube, select "use old embed code" and locate the direct url of the movie (shown in bold in this example):
<param name="movie"
value="
http://www.youtube-nocookie.com/v/lH27X9oQvxY&hl=it_IT&fs=1&color1=0xe1600f&color2=0xfebd01&border=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube-nocookie.com/v/lH27X9oQvxY&hl=it_IT&fs=1&color1=0xe1600f&color2=0xfebd01&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object>
</div>
- copy the direct url of the movie (in this case http://www.youtube-nocookie.com/v/lH27X9oQvxY&hl=it_IT&fs=1&color1=0xe1600f&color2=0xfebd01&border=1)
- go to the page you want to insert the video in
- edit the block you want to insert the video into
- click on
- copy the following code and paste it within the "source" window:
<div align="center">
<div class="eaKeep"><script type="text/javascript" src="/iwetc/res/js/flash.js"></script>
<div id="200_flash"><script>
<!--
var fl_200=new IwFlash("
http://www.youtube.com/...","
500","
405","");
fl_200.allowFullScreen="true";
fl_200.allowScriptAccess="always";
fl_200.version="6,0,29,0";
fl_200.instantiate();
// -->
</script></div>
</div>
</div>
</div>
Remember to change "http://www.youtube.com/..." into the previously copied url of the movie (in the example http://www.youtube-nocookie.com/v/lH27X9oQvxY&hl=it_IT&fs=1&color1=0xe1600f&color2=0xfebd01&border=1), and instead of "500","405" the desired width and height.
