How to stop mobile videos from opening outside the page (keep them embedded)?
 

Is there a way to stop iOS and Android devices from opening a video in their players and keep it embedded on the webpage they are viewing?

Never played embedded video on my android phone, only streaming in some player

Like these? http://m.freeones.com/video/

Done with jwplayer

Nope. Nice mobile side though. Those open outside of the page. Trying to find a way to keep them inside so you would see the video play and still be able to scroll the page and see what's above and below the player.

Right. That's the only way I've been able to do it as well. Looking to find a way around that. Posted on some mobile dev forums but nothing in yet there either. Maybe it can't be done.

They do on android. Not on iPhone correct.

This seems to be the default behavior for mobile playback with html5 video embedding. You might have to force Flash playback on Android browser in order to make those playable on actual web page.

As far as I know you can't control this. Anything before I think android 4 and iphone 3 won't embed on the page and will always open fullscreen like that. That's the default behavior of the browser.

i can confirm on Android - looks good :thumbsup

For iOS this is only possible with the iPad by adding the "controls" attribute. iPod and iPhone always open in their own player.
More from the lion's mouth

---edit
add the attribute webkit-playsinline
eg: <video id="player" width="480" height="320" webkit-playsinline>
and it should play inline on all iOS devices

Never mind webkit-playsinline is only for the ipad. Iphone/pod always defaults to no

Pulled out the droid and the player loaded but it won't play the video. I'm running 2.2. Possible that model is too old. However, the 2.3.3 works perfectly. At least I now know I can fix this on Android. Thanks.

Thanks. I figured that may be the case for iOS. And if it comes from both of you, I will take it as gospel.