How to insert a video using a Google Gadget
Running ...


Google Video



YouTube


  • YouTube give us a code like this (2010) : 


<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/XZHu8E5uJxA"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/XZHu8E5uJxA" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350">
</embed>
</object>

  • We can use an iframe to insert the video, with the new version given by YouTube (2012) : 



<iframe width="420" height="315" src="http://www.youtube.com/embed/XZHu8E5uJxA"
frameborder="0" allowfullscreen></iframe>

  • The result, using a light skin and autoplay : 




YouTube and Custom Players


  • We can insert a custom player. YouTube give this code :
http://www.youtube.com/cp/xxx...xxx
  • We can insert the custom player using an iframe tag : 
<iframe style="width: 425px; height: 366px;" src="http://www.youtube.com/cp//cp/xxx...xxx" allowTransparency="true" frameborder="0" scrolling="no">Insert a YouTube Playlist to your site</iframe>
  • And the result :




dailymotion



<object width="400" height="326">
<param name="movie" value="http://www.dailymotion.com/swf/3gFvrrAZ3QXqwmOzD">
</param>
<param name="allowfullscreen" value="true">
</param>
<embed src="http://www.dailymotion.com/swf/3gFvrrAZ3QXqwmOzD"
type="application/x-shockwave-flash"
width="400" height="326"
allowfullscreen="true">
</embed>
</object>
  • We can insert an <iframe> tag with the name of the file :

<iframe width="400" scrolling="no" height="326" frameborder="0" marginheight="0" marginwidth="0"
style="border: medium none ; margin: 0px; "
src="http://www.dailymotion.com/swf/3gFvrrAZ3QXqwmOzD">
video from dailymotion</iframe>

  • And the result :




How to play a *.flv file (Flash Video)


  • I use dewtube, a light (3K) flash player. This player is free
  • Upload into Google Sites the dewtube.swf from alsacreations
  • Type this code, data and value must be typed within one line :

<object type="application/x-shockwave-flash"

data="http://YOURSITE/dewtube.swf?
movie=http://YOURSITE/YOURFILE.flv" width="320" height="240">

<param name="allowFullScreen" value="true">
<param name="movie"
value="http://YOURSITE/dewtube.swf?
movie=http://YOURSITE/YOUFILE.flv">

</object>



  • We can add this optional parameter, inside data and value attributes :

&amp;autostart=1 Start play when the page is loaded

  • Without autostart=1, we can display a picture as background. Just create a picture which have the same name as the *.flv file, but with extension *.jpg
  • Store the *.jpg file in the same directory as the *.flv file
  • An example, the color of wine. Sculptur the taste of wine :






More Informations





One Day - One Label - One Wine