embedding a FLV file [Archive]

View Full Version : embedding a FLV file

canadianjameson

11-03-2007, 09:35 PM

Hi,

I've been trying to embed a FLV movie for the past hour and none of the methods I've seen have worked for me :(

I'm currently trying to use this code with a dummy .flv i found but it isn't working:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript" src="js/Animator.js"></script>
<script type="text/javascript" src="js/BorderFade.js"></script>
<link rel="stylesheet" href="css/main.css" type="text/css">

</head>

<body>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="340" height="288" align="middle">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="israelshopping.flv&autoPlay=true&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" width="340" height="288" align="middle" flashvars="israelshopping.flv&autoPlay=true&autoRewind=false" quality="high" scale="noscale" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


<div id="mainHome"><img src="images/videoPage.jpg" usemap="#Map">
<map name="Map">
<area id="film" shape="rect" coords="247,397,417,461" href="film.htm" target="_self" alt="Film Reel">
<area id="home" shape="rect" coords="488,397,585,420" href="index.htm" target="_self" alt="Main Page">
</map>
</div>
</body>
</html>

I also tried to install the dreamweaver plugin found here: http://www.videospark.com/index.php?ssp=26 but it won't install properly (it keeps throwing invalid path errors

Does anyone have a method for doing this that they know works, or can someone point me in the right direction?

Thanks,

Jay

www.enviromark.ca/baron/video.htm

_Aerospace_Eng_

11-03-2007, 09:40 PM

Your dummy flv doesn't seem to be working properly. After going to it directly I should be prompted to download it
http://www.enviromark.ca/baron/israelshopping.flv
Same goes for the .swf files.

canadianjameson

11-03-2007, 09:44 PM

Hey Aero,

I fixed that little bug (my own stupidity being the cause)

They are now linked properly but still non functional :(

any further ideas?

_Aerospace_Eng_

11-03-2007, 09:58 PM

You never seemed to specify the skin name for your flash video player. Attached are the files you need that work. You can use Dreameaver 8 or Dreamweaver 9 (CS3) to insert flash video. You do so by going to Insert > Media > Flash Video

Here you will be able to choose your skin, the location of the flv. Dreamweaver will put a few swf files in the location of your web document.

I used SWFObject (http://blog.deconcept.com/swfobject/) because its got many useful features and it gets rid of that click to activate thing in IE.

AND AGAIN you are using an incomplete DOCTYPE.

canadianjameson

11-03-2007, 10:41 PM

Thanks Aero,

listen how can i change the default doctype that dreamweaver uses because i have dreamweaver MX 2004 and this is the doctype it automatically adds :/

_Aerospace_Eng_

11-03-2007, 10:55 PM

I can't remember how it is in DWMX but in DW9 its Edit > Preferences > New Document > there you should be able to change the default doctype.

canadianjameson

11-03-2007, 11:01 PM

Thanks,

I think i'm going to have to get DW9 because i cannot embed this .flv file (it doesn't do the step you mentioned of allowing me to choose my skins, etc)

I'll go do that and get back to you if I have any issues :D

Thanks again

canadianjameson

11-05-2007, 04:32 PM

Okay CS3 did the trick and the file is now playing...

I just need to super-impose the movie over an image
the image can be seen here: www.enviromark.ca/baron/video.htm

the css for this is:

#mainHome {
display: inline;
z-index: -1;
width: 594px;
height: 461px;
border: 0;
margin: 8% auto 0 auto;
}

the movie is 400px wide and 400px high

I've been trying to super-impose it over the image as it currently is positioned, but it keeps moving the background around :(

How does one successfully overlay two divs; the second div being positionally related to the first?

canadianjameson

11-06-2007, 06:15 AM

the entire code is: (if it helps)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="js/Animator.js"></script>
<script type="text/javascript" src="js/BorderFade.js"></script>
<script type="text/javascript" src="movies/swfobject.js"></script>
<link rel="stylesheet" href="css/main.css" type="text/css">
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (!isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0];
var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
flashVer = parseFloat(verMajor + "." + verMinor);
}
}
// WebTV has Flash Player 4 or lower -- too low for video
else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;

var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] + "." + verArr[2]);

if (flashVer < reqVer){
if (confirm(msg))
window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
}
}
}
}
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body onLoad="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">

<div id="mainHome"><img src="images/videoPage.jpg" usemap="#Map">
<map name="Map">
<area id="film" shape="rect" coords="247,397,417,461" href="film.htm" target="_self" alt="Film Reel">
<area id="home" shape="rect" coords="488,397,585,420" href="index.htm" target="_self" alt="Main Page">
</map>
</div>
<div id="videoContainer">

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','400','height','400','id','FLVPlayer','src','FLVPlayer_Progress ive','flashvars','&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=movies/Demo1&autoPlay=true&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="400" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=movies/Demo1&autoPlay=true&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=movies/Demo1&autoPlay=true&autoRewind=false" quality="high" scale="noscale" width="400" height="400" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" />
</object></noscript>
</div>
</body>
</html>

/* CSS Document */
* {
padding: 0;
margin: 0;
outline: 0;
}
body {
text-align: center
}
html {
min-width: 1000px
}
* img {
border: 0
}
* a {
text-decoration: none
}
#mainHome {
display: inline;
z-index: -1;
width: 594px;
height: 461px;
border: 0;
margin: 8% auto 0 auto;
}
#text {
float: right;
position: relative;
display: block;
margin-top: -65px;
padding-right: 8px;
text-align: right;
font-family: "Verdana", tahoma, trebuchet ms, arial;
font-size: 11px
}
.link a {
color: #666633
}
#videoContainer {
z-index: 3;
}

effpeetee

11-06-2007, 09:41 AM

Hello canadianjameson,

I had a PM from you which I did not quite understand.
However, the following is from Google which may help.

Frank

http://labnol.blogspot.com/2006/08/how-to-embed-flv-flash-videos-in-your.html

How to Embed FLV Flash Videos in your Blog ? at Digital ...Now to embed flash video files, you can either download the flv or swf flash video to your hard drive, convert it to avi, wmv or mov format and then upload ...
labnol.blogspot.com/2006/08/how-to-embed-flv-flash-videos-in-your.html - 52k - Cached - Similar pages

WWW FAQs: How do I add video to my website?How to convert from Windows Movie Maker to Flash FLV Video. 1. Download the Riva Free FLV ... Don't try to embed the FLV file directly, that won't work! ...
www.boutell.com/newfaq/creating/video.html - 25k - Cached - Similar pages

Flash Video: Free and EasyThis flash component is the aptly named FLV Video Player, and it runs on any ... Be sure to update the two .flv filename references included in the embed ...
www.webmonkey.com/webmonkey/05/38/index0a_page3.html?tw=multimedia - 21k - Cached - Similar pages

JW FLV PlayerThe JW FLV Player (built with Adobe's Flash) can be used standalone, ... The WordTube Wordpress Plugin (by Alex Rabe); The FLV Embed Wordpress Plugin (by ...
www.*******************/?item=JW_FLV_Player - 18k - Cached - Similar pages

FLV Embedurl - the URL of the FLV file you want to embed, the path can either be site-relative or absolute; width - width of the FLV movie; height - height of the ...
www.channel-ai.com/blog/plugins/flv-embed/ - 72k - Cached - Similar pages

Flash Video: Progressive DownloadHow to use the progressive download technique to embed Flash video in a web ... you need two files: An FLV video file and an SWF file to play the video. ...
www.mediacollege.com/flash/streaming/progressive-download.html - 8k - Cached - Similar pages

Class: Video Player (video, flv, movie, stream) - PHP ClassesIt can generate HTML tags to embed videos in a page for streams to be presented with the players: Windows Media Player, Real Player, QuickTime movie player, ...
www.phpclasses.org/browse/package/4173.html - 30k - Cached - Similar pages

How do I embed an flv video w/no controls into a Myspace profile ...I want to embed a flv file into a myspace profile and have it autoplay and loop ... <param name="allowScriptAccess" value="sameDomain"/> <param name="movie" ...
www.ozoneasylum.com/29165 - 29k - Cached - Similar pages