Solved

Best way to put a video on an HTML page

Posted on 2011-02-11
7
185 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
  • 5
  • 2
7 Comments
 
LVL 14

Accepted Solution

by:
quizwedge earned 500 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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 

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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

760 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now