?
Solved

Best way to put a video on an HTML page

Posted on 2011-02-11
7
Medium Priority
?
203 Views
Last Modified: 2012-06-21
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.
0
Comment
Question by:mel200
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
7 Comments
 
LVL 14

Accepted Solution

by:
quizwedge earned 2000 total points
ID: 34877161
Check out http://homepage.mac.com/qt4web/embedforiphone.html That should give you all of the information you need and more.
0
 

Author Comment

by:mel200
ID: 34879157
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
 

Author Comment

by:mel200
ID: 34879163
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
Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

 

Author Comment

by:mel200
ID: 34879170
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
 

Author Comment

by:mel200
ID: 34879223
>>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
 
LVL 14

Expert Comment

by:quizwedge
ID: 34881515
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
 

Author Comment

by:mel200
ID: 34883145
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

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to implement server side field validation and display customized error messages to the client.
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question