CODEWITHSUNDEEP
javascripthtmlhtml5-video
jenswirf
jenswirf

Reputation: 7327

How does mobile YouTube play videos?

I'm looking to add some videos to my mobile webapp. For the best UX, I'd like to avoid having a simple static video-tag. (because its in an element which is webkit animated and video + webkit animations don't always play nicely together in my experience.)

Rather, I'd like to have an image (with a play icon on it) to "link" to the video. Mobile YouTube (as seen on iOS) have done this very nicely where when you click the image, the video seems to "pop" up to fullscreen and plays. How do they do this? Is it a link? A previously hidden video-tag? Some webkit-animation to do the "popping"?

I snooped around using Chrome Inspector (+user agent switcher to iphone4) but the videos don't play on the desktop browser, and the code overall looks quite complex..

Can you help?

Upvotes: 0

Views: 420

Answers (2)

Abhidev
Abhidev

Reputation: 7273

What you can do is on-click of the video thumbnail, you can load the video url using the object/embed tags. In IOS, whenever a video starts playing it automatically plays it in fullscreen(feature of IOS itself)

Upvotes: 0

Alexander Pavlov
Alexander Pavlov

Reputation: 32296

I believe you can do something similar to this on certain browsers (e.g. WebKit.)

Upvotes: 0

Related Questions