Embedding FLV video into your HTML could be a simple task if you know what to do. However the procedure differs from embedding SWF into the HTML page. Unfortunately there is now way to embed the FLV video into the page directly. You should use some third party video service or player. But it’s not time for disappointment, the following tutorial will show you how to resolve this issue.
Let’s check some examples:
Using video services
One of the most easy ways to embed FLV video into your HTML page is to use the video services like YouTube, Vimeo etc. In other words you need to upload your video to the video service and then use the share button and copy the embed code. For YouTube click the Share button under the video, then click Embed and copy the generated html code. It’ll look like the following:
<iframe width="420" height="315" src="http://www.youtube.com/embed/_XGM1MQzdR8" frameborder="0" allowfullscreen></iframe>
Using a web player
There are a lot of web video player available on the net. You can use them to display videos on your website. Each player has various settings that allow you to configure it the way you need.
For example you can use FLV Player or Moyea Web Player. The player files should be downloaded and added to your website. Please use the manuals from the payer websites for more installation details. The web players also generate the gode that could be inserted into your HTML page. For example the FLV Player generates the following code:
<script type="text/javascript">
var flashvars = {
flvpFolderLocation: "flvplayer/",
flvpVideoSource: "",
flvpWidth: "640",
flvpHeight: "400"
};
var params = {
menu: "true",
allowfullscreen: "true"
};
swfobject.embedSWF("FLVplayer.swf", "myContent", "640", "400", "9.0.0", "swfobject/expressInstall.swf", flashvars, params);
</script>Just paste the code into your HTML page and you’ll be able to see the video.