[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Best way to put a video on an HTML page

Posted on 2011-02-11
7
Medium Priority
?
212 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 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

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

This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Strategic internal linking is often considered an SEO power technique, especially for content marketing. Do you need to hire an SEO agency to optimize you internal linking? No, this article will help you understand the basics of internal linking and…
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 learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

873 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