How to embed a video

Hilda / 2009-03-01 02:59:12   

Hi,
I posted another message yesterday that never got answered. If anyone has a minute to help me, I'd really appreciate it.

I'm trying to embed a quicktime video in an exhibit page. I've uploaded my quicktime to my site in my /public_html/files folder.

Then I've tried to insert HTML code into the text box of my exhibit page. I've copied & pasted five different codes I've read about either in the Indexhibit forum or on sites I found through google. None of them have worked.

I don't know what I'm doing wrong, so if someone has successfully embedded a quicktime video in one of their exhibit pages, can they please send me the HTML code they used (or the overall steps they took) on the road to success?

Thanks from a desperate coding newbie!

my exhibit page with non-working QT

Vaska A / 2009-03-01 09:04:31   

The path is wrong and your html attributes aren't in quotes.

Vaska A / 2009-03-01 09:08:08   

It would be better to bump a previous thread instead of starting a new one as well...

paucc A / 2009-03-01 12:20:58   

Hi Hilda, have you tried the file uploader and inserting through there? It works for me perfectly. The only thing doing it that way is that before adding the code you will have to add the size of the movie in the properties.
Then just copy and paste that code should work.

Hilda / 2009-03-01 19:18:27   

Paucc - yes, I've tried the file uploader. Doesn't work for me, I think because I'm trying to upload a large quicktime.

Vaska - What would the correct path be? And exactly which attributes need to be in quotes? I've tried many different ways to no avail, so I'd be grateful for some extremely specific instructions...

arsondpi / 2009-03-01 19:34:36   

http://www.hildarasula.com/files/CS2Trailer.mov seems to be the address with the movie.
The public_html folder is there for you to know where to put your html files - it's the root directory of your domain.
...but you need to prepare your movie to be streamed - 127MB are quite a lot.
Validate your html as well - I noticed errors. As Vaska stated, do a thorough forum search... :-)

Hilda / 2009-03-01 19:50:51   

Vaska - when you say the path is wrong, are you referring to the fact that it said /public_html/

as in:

src="http://www.hildarasula.com/public_html/files/CS2Trailer.mov"

I used to have just hildarasula.com/files/CS2Trailer which is the same path I use for my logo in the pre-nav top left corner of the site, but then when I looked at the actual path of my quicktime file, I got worried that missing the /public_html/ part of the path was my problem... Yet that didn't fix it either :(

Anyway, I'm eagerly awaiting some good news from someone...THANKS.

Hilda / 2009-03-01 22:57:55   

Okay, I'll compress my video so it's smaller.

Thanks for the Validation site link - I've run my page through its checker and indeed it identified several errors. However, none of those errors are in the section of code dealing with the video, according to that site.

I've read so many forums at this point, and everyone who has a similar problem is using a different method (the Thumbnail Click) of playing their quicktime, or solves their problem without actually relaying the code they used to do so. I've installed a plugin for my firefox so that I can see the source code of other people's web pages, and tried to replicate their code, but this hasn't worked either. I tried the code listed in apple's own forum, whose instructions were very well written, but also did not work for me.

I'm sorry for my ignorance, but I want to be clear that it's not like I'm too lazy to do my homework. I am trying to learn... but not succeeding on this front. I just don't comprehend what steps I need to take to embed a quicktime in an exhibit properly, nor exactly what the code should look like. What steps I've taken so far are based on inference alone.

Sorry to sound kind of bleak and pathetic, but I am getting a wee bit suicidal after two days of road blocks.

I will continue with your suggestions. Thanks.

arsondpi / 2009-03-02 11:09:47   

Hello...

I didn't suggest to compress the movie - I suggested to make a streaming copy of the movie for the internet. The movie won't play straight ahead at this point because it loads the whole movie and not chunks of it. The path is of the movie is http://www.hildarasula.com/files/CS2Trailer.mov

The public_html folder is your root folder. Search "what is public_html" in google...
All the files in your server space can be found via http://www.hildarasula.com/ without adding the public_html...

You still have syntax errors in your html and there's a few BR tags that are not needed - try inserting the code by switching off Process HTML (Additional Settings -> Process HTML -> Off)

Hilda / 2009-03-03 22:11:48   

Hi there forum folks,

Thanks for your response. I'm less hopeless today (though still not actually successful), and determined to make this work!

1. Yes, I made my path correct a few days ago (that's what that post on March 1st was about, but thanks for clarifying). I kept changing the HTML code in my text box, so I don't know at which stage you read it, but it's correct now.

2. I'm currently using a code which shows the first (black) frame of the video, but no controller play/pause bar. If you double-click on the black frame, it plays, but the problem is that it has to load first. I spent all last night trying to make a smaller-sized video that also has hinted streaming (I'm using a combo of programs -- MPEG Streamclip and Final Cut Pro). I'm about to try swapping those different videos in and out to see which one loads up & plays fastest...

But I still would appreciate a list of clear, simple instructions on how to embed a quicktime into an exhibit page (and I think many others who come to Indexhibit without a web background would love to find this on the forum, as well). Something très très basic, like "Step One: upload your video to your /files folder. Step Two: Go into the exhibit page you want to edit. Step Three: Enter this HTML Code into the text box..."

What do you guys think?

3. Thanks for noticing my syntax errors -- I apologize, but I'm not fluent enough to see which ones you're referring to. Do I have to fix those to make my page work?

4. How do I switch of Process HTML as you've suggested? (Or rather, where do I find the Additional Settings? I don't see those...

Again, thanks to everyone who contributes to this forum.

One of the most enlightened and wonderful things about Indexhibit is how democratic it is, offering a chance for non-coders/web-designers to create a website, learn the basics, and be able to update their site on their own!

arsondpi / 2009-03-04 08:00:48   

Step One
Upload your file via ftp (your webhost may have size limits on this) in the files folder in your root directory.

Step Two
Go into the exhibit page you want to edit.

Step Three
Insert your html code. This may vary -you might be better off by doing a web search for embed quicktime movie or embed avi movie etc...

...the code used by Indexhibit for inserting quicktime movies is

  1. <object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='the width of your movie' height='the height of your movie plus 16px for the controls to show up'><param name='src' value='http://www.your_domain.gr/files/name_of_your_movie.mov' /><param name='controller' value='true' /><param name='autoplay' value='true' /><!--[if !IE]>--><object type='video/quicktime' data='http://www.your_domain.gr/files/name_of_your_movie.mov' width='the width of your movie' height='the height of your movie plus 16px for the controls to show up'><param name='autoplay' value='true' /><param name='controller' value='true' /></object><!--<![endif]--></object>

Of course there are many attributes to change and/or add to your code but this has to do with quicktime and you should search the web for these.

++++++++++++++++++
Avoiding html errors makes sense. There are reasons why your page should validate. Do a web search on that as well.

paucc A / 2009-03-04 13:15:47   

Hilda, did you get any success with this code ?
I think you should, arsondpi have explained very good the process and the code is commented also.
Please, report your progress ...

Hilda / 2009-03-04 20:52:59   

This code works perfectly. The controller is working just like it's supposed to.
A couple days ago I tried Pau's similar code mentioned in Thread 3104, adapting it as suggested. For some reason it didn't work; I must have been screwing something up. Thanks so much for this one.

A few follow-up questions:

1. Should I always keep the Process HTML button turned off on pages that have embedded QTs?

2. I have read about validation, and sent a few of my pages through the w3.org validator. Most of the errors have to do with elements that I have on every page of my site (eg. my logo in the top left corner, the "Built with Indexhibit" link, etc.). What file do I need to go into to edit these errors? W3 offers a cleaned-up source listing with HTML Tidy, but I have no idea where the text of this document is supposed to go.

3. For any future users with a similar problem--someone suggested the following very simple code, which also worked for me when I tested it:

However, the longer code arsondpi offered in the post above here is probably better (will work best with a variety of browsers).

THANK YOU, GRACIAS, Ευχαριστώ

paucc A / 2009-03-05 08:33:15   

Hilda, I have the process HTML button on always and haven't any problem .... Maybe you can try to see if it does anything to your site ...

I can't see the code you specify, but I can explain that the longer code arsondpi marks is longer because there are some options that you can personalize and because there is a part of the code for some browsers and other part for other browsers. Because of that you will have to remember to change the values twice in the code, (the name and route).
I'm glad is working now!

arsondpi / 2009-03-05 08:54:46   

Παρακαλώ Hilda + gracias paucc!
:-))

The same code can be inserted if you upload a movie via the files manager and then click on the downward arrow button (try it...).

...as for the process HTML button you're probably both right (I'm editing the post so people don't worry over that). I just didn't want things to go pearshaped since there were syntax errors on Hildas page.

paucc A / 2009-04-12 22:18:44   

;-)
Παρακαλώ

tigermurphy / 2009-04-22 00:23:36   

Thank you guys so much! This code worked perfectly for me! Thanks for taking the time to share information.

mlscreative / 2009-04-27 15:06:55   

could somebody possibly help me out?

the path to my mov file is:

http://www.mlscreative.com/files/GTSrich01.mov

my html is:


lemathieu A / 2009-04-27 16:18:16   
my html is

yes…?
mlscreative / 2009-04-27 16:42:42   
  1. <object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='the width of your movie' height='the height of your movie plus 16px for the controls to show up'><param name='src' value='http://www.mlscreative.com.gr/files/GTSrich01.mov' /><param name='controller' value='true' /><param name='autoplay' value='true' /><!--[if !IE]>--><object type='video/quicktime' data='http://www.mlscreative.com.gr/files/GTSrich01.mov' width='the width of your movie' height='the height of your movie plus 16px for the controls to show up'><param name='autoplay' value='true' /><param name='controller' value='true' /></object><!--<![endif]--></object>
paucc A / 2009-04-27 18:00:08   

Hi miscreative, what's the question?
You need to fill the width and height of your movie in the code where it say so.
;-)

mlscreative / 2009-04-27 18:53:09   

sorry for not being clear. i can't get the movie to work properly and was wondering if anybody could point out what i'm doing wrong.

  1. <object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='378px' height='655px'><param name='src' value='http://www.mlscreative.com.gr/files/GTSrich01.mov' /><param name='controller' value='true' /><param name='autoplay' value='true' /><!--[if !IE]>--><object type='video/quicktime' data='http://www.mlscreative.com.gr/files/GTSrich01.mov' width='378px' height='655px'><param name='autoplay' value='true' /><param name='controller' value='true' /></object><!--<![endif]--></object>
Vaska A / 2009-04-27 19:01:16   

Perhaps because your url is wrong...it should be...

http://www.mlscreative.com/files/GTSrich01.mov

mlscreative / 2009-04-27 19:07:26   

thank you.

and thanks for your help/patience with the dumb questions...

:0

osteyza / 2009-05-10 14:09:32   

I've tried the following and can't find why mine isn't working..

I have validated my page and found 26 errors..

  1. <object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='378px' height='655px'><param name='src' value='http://www.ma-arte/files/Showreel'09lan.mov' /><param name='controller' value='true' /><param name='autoplay' value='true' /><!--[if !IE]>--><object type='video/quicktime' data='http://www.ma-arte/files/Showreel'09lan.mov' width='378px' height='655px'><param name='autoplay' value='true' /><param name='controller' value='true' /></object><!--<![endif]--></object>
Vaska A / 2009-05-10 14:19:28   

See what's wrong here?

  1. value='http://www.ma-arte/files/Showreel'09lan.mov'

;)

osteyza / 2009-05-10 15:36:33   

I used this link and it worked perfectly.. definite time saver!!!

http://cit.ucsf.edu/embedmedia/step3_qtv2.php

paucc A / 2009-05-10 16:09:50   

Interesting page ....

melissadana / 2009-07-02 17:46:02   

Hi all,
so I'm having a problem getting my quicktime video to work. I've tried all the different codes I've seen on this page, inserting it through the indexhibit file manager. I don't think my file is too big (its like 4 KB?) and I always get a quicktime q, in a square with a question mark whenever I load my page! I have tried validating my page also, but because of the indexhibit interface, i'm not sure where to go edit individual pages and the lines of code specified by the validation page. What do I do!?

The page I'm working on is: http://www.danielarsham.com/index.php?/ongoing/four-dimensions/

I would really appreciate any help or direction. I've been trying to get this to work for 2 weeks with no luck at alll...

best,
melissa

melissadana / 2009-07-02 18:11:24   

oops..

the website with faulty video, linked

arsondpi / 2009-07-02 19:11:20   

I didn't check on the code thoroughly but the actual movie doesn't exist...

melissadana / 2009-07-02 19:42:39   

Well there's a clue.. Thanks for pointing that out. Now I need to figure out why this video isn't uploading? If any one has any idea, i'd appreciate it. (Though I acknowledge this probably has nothing to do with indexhibit).. ay ay ay.

thanks for the intention!

melissa

arsondpi / 2009-07-03 09:01:48   

The indexhibit uploader may be getting blocked from your server so use your ftp application to upload the movie to your site... try this first. You also have to prepare your movie to be a streaming file. Last but not least, not all servers allow movies...

cmorrise / 2009-07-16 21:49:01   

I've triple checked my code & uploaded my movie twice and cannot get this to work. I used the code from above (filling it in myself) and then compared it to the code the file-uploader spits out. Any suggestions?

  1. code is:
  2. <object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='640px' height='376px'><param name='src' value='http://www.clairemorrisey.com/files/anthem60.mov' /><param name='controller' value='true' /><param name='autoplay' value='true' /><!--[if !IE]>--><object type='video/quicktime' data='http://www.clairemorrisey.com/files/anthem60.mov' width='640px' height='376px'><param name='autoplay' value='true' /><param name='controller' value='true' /></object><!--<![endif]--></object>

All I'm getting is the light blue Quicktime error with the questionmark.

page is: http://www.clairemorrisey.com/index.php?/smirnoff--television/

cmorrise / 2009-07-16 21:56:30   

Nevermind, so sorry. I fixed it by opening the QT folder from when I exported the .mov. Apparently I needed to copy all of the files to my FTP, not just the .mov.

Cheers!

choccakegatto / 2009-08-12 15:13:09   

hello!!

please can you help me? i have been trying to figure this out now for the best part of 4 days on and off. i'm trying to get movies embedded on our website.

i have previously had no problems with uploading videos but i deleted a few now i am having trouble.

i know the QT should be max. 8mb, and i am aware of the various ways of uploading them. it has alays been very easy and straight forward before.

the process HTML button is turned on and always has been. if i turn it off it moves the video up the page which defeats the point of all the work that has been put into managing the website layout.

the code is :

i got this code by uploading the movie via the files manager and then click on the downward arrow button - that i am clear about. step 1,2,3 it is...very easy.

the first problem is (fire fox)
a) i can hear the video but i can not see it

the second problem is (safari)
a) i can hear the video and see the video fine, but there are no QT controls and i can see the black band at the bottom but not the top of the video.

i have also realised that my uploader doesn't always upload, i have tried 2,4,6,7 mb videos and it just ignors them...
have you any ideas??

many thanks!!

m

Vaska A / 2009-08-12 15:17:59   

...

choccakegatto / 2009-08-12 15:35:44   

www.atlarge.co.uk

choccakegatto / 2009-08-12 15:36:26   
choccakegatto / 2009-08-12 15:37:31   

  1. <object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='' height=''><param name='src' value='http://www.atlarge.co.uk/files/londonsugarwebstream_v2.mov' /><param name='controller' value='true' /><param name='autoplay' value='true' /><!--[if !IE]>--><object type='video/quicktime' data='http://www.atlarge.co.uk/files/londonsugarwebstream_v2.mov' width='' height=''><param name='autoplay' value='true' /><param name='controller' value='true' /></object><!--<![endif]--></object>
choccakegatto / 2009-08-12 15:39:19   

oh, sorry i have just worked out how to get the code to show!

Vaska A / 2009-08-12 15:40:44   

Sorry, that's not a link back to Indexhibit...

choccakegatto / 2009-08-12 15:40:49   

i saw your response and now seconds later it says only ...hello vaska?

choccakegatto / 2009-08-12 15:43:46   

http://www.atlarge.co.uk/index.php?/news-link-1/
try this. i'm not understanding sorry, that is an indexhibit site. or have i got confused?

choccakegatto / 2009-08-12 15:48:13   

i have the same problem on

www.emmalogatto.com

see:
http://www.emmalogatto.com/index.php?/project/hawk/

how ever a while back i got this one to work fine:

http://www.emmalogatto.com/index.php?/project/hawk/

i hope this is making some sence!

lemathieu A / 2009-08-12 16:17:37   
that's not a link back to Indexhibit...

You just make text… not link… you know ?
;)

choccakegatto / 2009-08-12 16:30:34   

www.atlarge.co.ukWebpage

Vaska A / 2009-08-12 16:32:17   

You haven't read the forum rules...

choccakegatto / 2009-08-12 16:34:33   

sorry but does it matter if it is a functional link or you copy and paste it in to your address bar?

im just curious!

choccakegatto / 2009-08-12 16:35:43   

will go back, sorree ;)

This thread has been closed, thank you.