Best way to put a video on an HTML page

Hi, Please look at this question first:
http://www.experts-exchange.com/Web_Development/Miscellaneous/Q_26798939.html

I have embedded a youtube video as suggested. However, the client wants the video to be bigger, and I'm pretty sure he won't like the youtube emblem on the bottom corner.

So, here's what I have; a pretty decent mov file that I can use, and I can make it about 800 pixels wide and still have it fairly clear. What is the best way to add it to the html page and still allow it to be seen on an iphone (no flash)?

Thanks.
mel200Asked:
Who is Participating?
 
quizwedgeConnect With a Mentor Commented:
Check out http://homepage.mac.com/qt4web/embedforiphone.html That should give you all of the information you need and more.
0
 
mel200Author Commented:
Thanks- I went there and went to their  sample page http://homepage.mac.com/qt4web/sunrisemeditations/iphonesunrise.html

and when I try to play a movie it says I need a plug-in. I don't want all my users to have to download a plug-in.
0
 
mel200Author Commented:
What I mean is, I understand if you need to for the iPhone, but people who come to the website shouldn't have to download a new plug-in to view the movie, that's just a pain. Y'know? Maybe I'm reading it wrong.
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
mel200Author Commented:
But you got me looking! :) How about this one, what would be the downfalls here: http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/
0
 
mel200Author Commented:
>>Check out http://homepage.mac.com/qt4web/embedforiphone.html That should give you all of the information you need and more.

Back to this... maybe you can help me translate it a little. First I embed a flash movie on a page with just the movie on it, right? Then..on the page where I want people to see the movie, I put an image.

Link to the page with the embedded movie using a JPEG or other image, taken from the movie. That way the link looks like your movie in all browsers, including the iPhone.

Then when people click on the image, they see a full-sized flash movie if they have flash player.

Now. that's where they lose me. Why do they have two images on the sample page?
0
 
quizwedgeCommented:
Unless you use HTML 5 and the user's browser supports HTML 5, they'll need a plug-in to view video. For many, the plug in is Flash, but QuickTime also has a plug in and there are others out there.

About your link (HTML 5), I haven't had the chance to work with HTML 5 yet, but I've heard good things about it. I didn't realize that you could fall back to other formats using the video tag. So long as you don't mind having three different versions of your video (Ogg Theora, H.264, and Flash), that's probably the best way to go. Worst case scenario you come across someone who has a browser that doesn't support HTML 5 (most people currently) and doesn't have Flash installed. They'll be prompted to install the Flash plug-in.

There's a lot of hype around HTML 5, but I believe that it is (part of) the future and will be used more and more. I also think that Flash will still be around for a while. Doing it like this should keep you current for quite some time.

The suggestion in the link I sent basically does the same thing (more than one video format), it just offers two different version of the video. They have the non-iPhone version as a .mov file (QuickTime), but it could be a different video format.

If you want to explore my solution more, I'm open to it, but in retrospect, I think the HTML 5 solution that you found will serve you much better in the long run.

Let me know if you have any more questions about either solution
0
 
mel200Author Commented:
Thanks, I appreciate the input! I'll try the html5, if I can't make it  work I may come back to your solution.
0
All Courses

From novice to tech pro — start learning today.