Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I want to add videos to my website. I want to click on images and then to show video in "window" and start playing (popups like lightbox). I just don´t know what is best way to do it. I think one of the way is jQuery. I know that there is easy way with video tag in HTML5 but I want that this could be play on most browsers (not just with support HTML5, but not so old as IE6 :) ) and I don´t want to use flash or silverlight.

What options I have? Is jQuery the way? And how can I do this? Thanks

share|improve this question
    
Have you done any research on this? What have you found? –  John Conde Nov 29 '11 at 17:41
    
Yes I did but I didn´t found exactly what I found. F.e.: I found this: videolightbox.com but it is to complex and I want something easy as this: videobox-lb.sourceforge.net but it is with flash. I think I used it but if someone have better way or better script I would like to see it. –  Bibo Nov 29 '11 at 17:57
add comment

2 Answers

up vote 1 down vote accepted

I have done videolightbox like you mentioned, and then manually checked for devices like iPad to then swap in my HTML 5 Video tags instead of the flash object used by videolightbox. That is a pain. I found a new method recently which uses html 5 and Jquery. It's called VideoJS.

Goto http://videojs.com/ and read all about it.

share|improve this answer
add comment

Focusing more on the "Best" part of your question and avoiding flash/silverlight I would go for html video with 3 codecs, or at least 2. Google webm, mp4 and Ogg Theora. Miro has a nice converter, it's not the best in terms of flexibility, but it's easy to use and free.

http://www.mirovideoconverter.com/

You also have a lot to gain if you invest some time learning the Popcorn player. What you can do with it is extraordinary.

http://popcornjs.org/

And if you want an easier tool you can use Maker. http://mozillapopcorn.org/maker

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.