iWeb '08, video on the homepage

Question

Level 1

0 points

iWeb '08, video on the homepage

I'm trying to get a short flash movie to play on my iWeb homepage when the site is reached but have had no success coding the HTML snippet to do this. I'm a HTML naif so I've pulled down some code linked to by Wyodor and Old Toad but, alas, to no avail. The flv file is on my iDisk at Web>Sites>flash. I've tried these codes (and a few others) in my attempts to reference the file:

<iframe src=
"http://web.me.com/my domain name/web/sites/flash/filename.flv"
style="width:680px; height:800px;
border-width:0px;
border-color:#990033;
border-style:solid;"
scrolling="auto" >
</iframe>

I get the message "Not Found, The requested URL was not found on this server."

I've also tried:

<IFRAME SRC = "http://web.me.com/my domain/web/sites/flash/file name.flv" WIDTH="680px" HEIGHT="800px" FRAMEBORDER="0" --if "0" no border, otherwise "1" with border MARGINWIDTH ="0px" MARGINHEIGHT="0px" SCROLLING="no" --"no" no scrolling bar, "yes" show always, "auto" showed when need > Your browser does not support IFRAME </IFRAME>

It delivers the same message: file not found.

As I say, I'd like the flv file to play when my home page is reached without the visitor doing anything. I'd also like it to play without a frame and with no timeline. I'd be happy for now if the dang file would play at all. What am I missing? Does the flv file need to be in a different location on my iDisk-in the folder for the actual website for example? Do I need to reference a flash player in the HTML code? The file is 4 MB. Is it's size a potential problem?

Wise heads and guidance needed and much appreciated.
Mackendrick

Mac Pro Quad-Core Intel Xeon, 2.8 GHz, 8 GB Mem, Mac OS X (10.5.8)

Posted on Apr 11, 2010 11:09 PM

Reply

Answer 1

Koeklin

Level 4

1,125 points

Apr 11, 2010 11:57 PM in response to MacKendrick

Bonjour,

You have to use a flash video player to dysplay a flash video (.flv) in a website, like
● Jw player: http://www.longtailvideo.com/
● flowplayer: http://flowplayer.org/
● flv player: http://flv-player.net/
● or another one...

Reply

Answer 2

Wyodor

Level 6

19,930 points

Apr 12, 2010 12:10 AM in response to MacKendrick

Besides the fact that it won't play in an <iframe> the URL is wrong too.

It should be :

http://web.me.com/MobileMeUserName/flash/filename.flv

For Flash video samples with code for your pleasure to study and nim, look here :

http://www.wyodor.net/iFrame/

And in stead of using garbage, use correct code :

<iframe src=" http://url.to.file.html " frameborder="0" width="500" height="500" scrolling="no" allowTransparency="true"></iframe>

Reply

Answer 3

MacKendrick Author

Level 1

0 points

Apr 12, 2010 2:16 PM in response to Koeklin

Hi Koeklin,
Thanks for taking my knowledge base for what it is--not extensive.
I downloaded Longtail Video's JW Player5 with instructions to Embed Player Code into HTML with the code below and, this note:

*If you place the files in different directories, make sure to set the references in this code accordingly.

I've placed the folder with the JW Player 5 element on my iDisk but I'm not sure whether I have or haven't placed the files in different directories and what, in the code below, I would change if I had. On my iDisk where, ideally, should the mediaplayer folder with the JW Player 5 be placed and what references in the code below are dependent on the placement?

The player will show in this paragraph

Reply

Answer 4

Koeklin

Level 4

1,125 points

Apr 12, 2010 5:07 PM in response to MacKendrick

1. Download the file.

2. Put the file into your iDisk folder called "Sites" whose path is iDisk> Web > Sites.
The page index.html and the folder "sitename" of your website are already in this folder "Sites".

3. Rename the Jw-player's folder, new name : mediaplayer
its URL is: http://web.me.com/youraccountname/mediaplayer/

4. Put your video into this folder "mediaplayer" too.

5. You should check this folder contains a file "player-viral.swf" (URL = http://web.me.com/youraccountname/mediaplayer/player-viral.swf) or a file "player.swf" (URL = http://web.me.com/youraccountname/mediaplayer/player.swf)

6. In a "HTML snippet" :

<script type='text/javascript' src=' http://web.me.com/youraccountname/mediaplayer/swfobject.js '></script>
<script type='text/javascript'>
var s1 = new SWFObject(' http://web.me.com/youraccountname/mediaplayer/player.swf','player','400','300',' 9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file= http://web.me.com/youraccountname/mediaplayer/nameofyourvideo.flv');
s1.write('preview');
</script>

In this code, replace player.swf with player-viral.swf if it's the file name you have in your folder "mediaplayer"

<script type='text/javascript' src=' http://web.me.com/youraccountname/mediaplayer/swfobject.js '></script>
<script type='text/javascript'>
var s1 = new SWFObject(' http://web.me.com/youraccountname/mediaplayer/player-viral.swf','player','400',' 300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file= http://web.me.com/youraccountname/mediaplayer/nameofyourvideo.flv');
s1.write('preview');
</script>

Change the width (400), change the height (300) if necessary.

Reply

Answer 5

MacKendrick Author

Level 1

0 points

Apr 12, 2010 9:49 PM in response to Wyodor

Hello Wyodor,
Thanks for your insights. Can I ask for a few more?

Koeklin very kindly offered suggestions which I followed precisely to setup my JW Player Folder. As he suggested, in my iWeb HTML Snippet I now have this:

<script type='text/javascript' src='http://web.me.com/myaccountname/mediaplayer/swfobject.js'></script>
<script type='text/javascript'>
var s1 = new
SWFObject('http://web.me.com/myaccountname/mediaplayer/player.swf','player','400 ','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=http://web.me.com/myaccountname/mediaplayer/nameof myvideo.flv');
s1.write('preview');
</script>

This code doesn't play the flash video though I'm not sure Koeklin intended it to or whether it is preliminary html for code you suggested:

<iframe src="http://web.me.com/myaccountname/mediaplayer/nameofmyvideo" frameborder="0" width="500" height="500" scrolling="no" allowTransparency="true"></iframe>

I tried tacking that on to the end of Koeklin's html but--nothing. I looked at the Flash video samples you suggested at:

http://www.wyodor.net/iFrame/

I'm not sure how the html in those might work with what I have so far.

The particulars of my Flash video are:
width: 680
height: 800
size: 7.1 MB

Oh wise men, am I getting closer and where might my troubles lie?
Thanks to you both,
Mackendrick

Reply

Answer 6

Koeklin

Level 4

1,125 points

Apr 13, 2010 2:07 AM in response to MacKendrick

Bonjour,

Make sure all your URLs are good in the code :
For the player.swf

http://web.me.com/myaccountname/mediaplayer/player.swf

You have to see something like [this|http://iweb.debutersurmac.com/mediaplayer/player.swf]

For the swfobject.js

http://web.me.com/myaccountname/mediaplayer/swfobject.js

You have to see something like [this|http://iweb.debutersurmac.com/mediaplayer/swfobject.js]

For the video files

http://web.me.com/myaccountname/mediaplayer/nameofmyvideo.flv

You will download the video.flv

This my [website with some flash video players|http://iweb.debutersurmac.com/siteiweb/flash.html]

(Thanks to Wyodor (static header_layer and background) and Mario)

Reply

Answer 7

MacKendrick Author

Level 1

0 points

Apr 13, 2010 11:03 AM in response to Koeklin

Thanks Koeklin.
Checked the urls and didn't see any bad references. Tthe flash video still doesn't play. It must be some simple fix in the code that I'll stumble upon if I keep noodling with it. If somebody sees something in the code I posted previously that could be the problem I'd love to hear about it.

Abandoning the Flash, I took the code that Wyodor offered at http://www.wyodor.net/Embed_Media/Embed.html:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="480" height="360" codebase="http://www.apple.com/qtactivex/qtplugin.cab">

<param name="src" value="http://url/to/movie.m4v" />
<param name="controller" value="false" />
<param name="autoplay" value="true" />
<param name="scale" value="aspect" />
<param name="cache" value="true" />
<param name="loop" value="false" />

uploaded a Quicktime of the video to my iDisk and it plays like a charm. Apple loves QT.

I feel I've read somewhere about a workaround so that computers without Quicktime can see QT assets. Is there a way or am I mistaken?

Thanks,
Mackendrick

Reply

Answer 8

Wyodor

Level 6

19,930 points

Apr 13, 2010 11:15 AM in response to MacKendrick

It's : http://www.wyodor.net/MoreEmbed/

Glad it worked.

Reply