Google Video
- Google Video is closed (april 2011). Use YouTube to host your videos.
YouTube
- YouTube give us a code like this (src must be typed in one line) :
<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>
<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>
- To start the video as soon the page is loaded, change the following (autoplay) :
value="http://www.youtube.com/v/XZHu8E5uJxA&autoplay=1"
src="http://www.youtube.com/v/XZHu8E5uJxA&autoplay=1"
- <embed> is a deprecated tag. The best way is to call the reader with a javascript
- Add this script to the begining of the section :
<script src="http://YOURSITE/AC_RunActiveContent.js"
type="text/javascript">
</script>
</script>
- Add this code in your page, where you want to insert the video (src must be typed in one line) :
<script type="text/javascript">
AC_FL_RunContent('width','425'
,'height','350'
,'id','VideoPlayback'
,'type','application/x-shockwave-flash'
,'src','http://www.youtube.com/v/XZHu8E5uJxA&autoplay=1'
,'quality','best'
,'bgcolor','#ffffff'
,'scale','noscale'
,'wmode','transparent'
,'FlashVars','embedded');
</script>
AC_FL_RunContent('width','425'
,'height','350'
,'id','VideoPlayback'
,'type','application/x-shockwave-flash'
,'src','http://www.youtube.com/v/XZHu8E5uJxA&autoplay=1'
,'quality','best'
,'bgcolor','#ffffff'
,'scale','noscale'
,'wmode','transparent'
,'FlashVars','embedded');
</script>
- And the result :
- Discover more swiss wineries
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
- dailymotion give us a code to share the video :
<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>
<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 cannot use the call with javascript
- 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>
style="border: medium none ; margin: 0px; "
src="http://www.dailymotion.com/swf/3gFvrrAZ3QXqwmOzD">
video from dailymotion</iframe>
- And the result :
- Discover man and vineyard
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>
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 :
&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
- Using a Google Gadget to play Flash Video
- We can use a Generic Flash Player to Play Videos
- A Google Gadget to play any kind of Flash Video. Insert a Web Elements to Play Video
- How to play *.flv movies. Insert a Web Elements to Play *.flv movies
- A generic Flash Player to watch YouTube High Quality Video
- A YouTube Flash Player for Blogger
- Insert some Video Google Gadget in your Blog
- Discover Switzerland and Swiss Wines
One Day - One Label - One Wine
