Embed an FLV file into a web page

: Category: Hypertext Markup Language; 09 March 2010; Hits: 34630

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:

copy raw

<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 }

copy raw

<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

Comments

Not rated

9 years ago

Thanks for this awesome script!

If I want to use my own player (e.g. player.swf) instead of the flowplayer one given (http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf), I should replace this URL with my URL, correct?

What would I use in this section (i.e. instead of flowplayer.pseudostreaming-3.1.3.swf?

config={
"plugins":{
"pseudo":{"url":"flowplayer.pseudostreaming-3.1.3.swf"},
"controls":{"backgroundColor":"#000000","backgroundGradient":"low"}
},

Thanks in anticipation!

Reply | Reply with quote | Quote

Bryan

The second script for click to play only seems so work in Firefox. I placed it on my wordpress site and it worked great, in Firefox, but then tried the page in Chrome, Opera and IE but and it didn't work in those..

Doesn't bother me, the auto play script will do fine, it's nice not having to rely on youtube for my videos, thank you for the script.

Ov Moros

10 years ago

Many thanks to you for providing this script. I wanted to stay away from the CONGLOMO-TUBES™ with some video shoots of the band we don't want to make public yet so we can critique them before release. Your script did the trick.

Cheers!