This is if you have an FLV file and you don't want any fancy management system, you just want your FLV to play on your webpage.
The following example is a demonstration of how to do this without installing anything on your webserver.
I like to use flowplayer for this example but my own systems can't use a solution as crude as this.
- Copy the below code (beginning and ending with object tags)
- Paste it into your HTML page
- Replace both instances of the text "http://my.video.com/myVideo.flv" with the full url of your own FLV.
- Save the HTML page and publish
The Code:
copyraw
<object width="460" height="320" data="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf" type="application/x-shockwave-flash">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value='config={"plugins":{"pseudo":{"url":"flowplayer.pseudostreaming-3.1.3.swf"},"controls":{"backgroundColor":"#000000","backgroundGradient":"low"}},"clip":{"provider":"pseudo","url":"http://my.video.com/myVideo.flv"},"playlist":[{"provider":"pseudo","url":"http://my.video.com/myVideo.flv"}]}' />
</object>
- <object width="460" height="320" data="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf" type="application/x-shockwave-flash">
- <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf" />
- <param name="allowfullscreen" value="true" />
- <param name="allowscriptaccess" value="always" />
- <param name="flashvars" value='config={"plugins":{"pseudo":{"url":"flowplayer.pseudostreaming-3.1.3.swf"},"controls":{"backgroundColor":"#000000","backgroundGradient":"low"}},"clip":{"provider":"pseudo","url":"http://my.video.com/myVideo.flv"},"playlist":[{"provider":"pseudo","url":"http://my.video.com/myVideo.flv"}]}' />
- </object>
Additional: Stop AutoPlay
Thank you to Anna Moors for writing in and asking "how to stop the movie from playing automatically on page load?". Anna has since confirmed that the below code buffers her movie but only starts when clicked, ideal! Changes are: clip{ autobuffering, autoplay }
copyraw
<object
width="460"
height="320"
data="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf"
type="application/x-shockwave-flash"
autoplay="false">
<param name="autoplay" value="false" />
<param name="autostart" value="0" />
<param name="controller" value="true" />
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param
name="flashvars"
value='
config={
"plugins":{
"pseudo":{"url":"flowplayer.pseudostreaming-3.1.3.swf"},
"controls":{"backgroundColor":"#000000","backgroundGradient":"low"}
},
"clip":{
"provider":"pseudo",
"url":"http://www.mysite.com/myMovie.flv",
"autoBuffering":true,
"autoPlay":false
},
"playlist":[{
"provider":"pseudo",
"url":"http://www.mysite.com/myMovie.flv"
}]
}' />
</object>
- <object
- width="460"
- height="320"
- data="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf"
- type="application/x-shockwave-flash"
- autoplay="false">
- <param name="autoplay" value="false" />
- <param name="autostart" value="0" />
- <param name="controller" value="true" />
- <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf" />
- <param name="allowfullscreen" value="true" />
- <param name="allowscriptaccess" value="always" />
- <param
- name="flashvars"
- value='
- config={
- "plugins":{
- "pseudo":{"url":"flowplayer.pseudostreaming-3.1.3.swf"},
- "controls":{"backgroundColor":"#000000","backgroundGradient":"low"}
- },
- "clip":{
- "provider":"pseudo",
- "url":"http://www.mysite.com/myMovie.flv",
- "autoBuffering":true,
- "autoPlay":false
- },
- "playlist":[{
- "provider":"pseudo",
- "url":"http://www.mysite.com/myMovie.flv"
- }]
- }' />
- </object>
Category: Hypertext Markup Language :: Article: 247
