Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Best way to put a video on an HTML page

Posted on 2011-02-11
7
Medium Priority
?
210 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

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

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

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…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

650 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