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

DWB · 12-30-2012, 04:53 AM

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?

seeandsee · 12-30-2012, 05:49 AM

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

Roald · 12-30-2012, 06:55 AM

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

Done with jwplayer

DWB · 12-30-2012, 07:02 AM

Quote:

Originally Posted by Roald

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.

DWB · 12-30-2012, 07:04 AM

Quote:

Originally Posted by seeandsee

Never played embedded video on my android phone, only streaming in some 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.

Roald · 12-30-2012, 11:07 AM

Quote:

Originally Posted by DWB

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.

They do on android. Not on iPhone correct.

prezzz · 12-30-2012, 11:55 AM

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.

k0nr4d · 12-30-2012, 11:58 AM

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.

MaDalton · 12-30-2012, 11:58 AM

Quote:

Originally Posted by Roald

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

Done with jwplayer

Quote:

Originally Posted by Roald

They do on android. Not on iPhone correct.

i can confirm on Android - looks good

borked · 12-30-2012, 12:34 PM

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

borked · 12-30-2012, 01:02 PM

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

DWB · 12-30-2012, 01:54 PM

Quote:

Originally Posted by Roald

They do on android. Not on iPhone correct.

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.

Quote:

Originally Posted by k0nr4d

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.

Quote:

Originally Posted by borked

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

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

12-30-2012, 04:53 AM	#1
DWB Registered User Industry Role: Join Date: Jul 2003 Location: Encrypted. Access denied. Posts: 31,779	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?

12-30-2012, 05:49 AM	#2
seeandsee Check SIG! Industry Role: Join Date: Mar 2006 Location: Europe (Skype: gojkoas) Posts: 50,945	Never played embedded video on my android phone, only streaming in some player __________________ BUY MY SIG - 50$/Year Contact here

12-30-2012, 06:55 AM	#3
Roald SecretFriends.com Industry Role: Join Date: May 2001 Location: IMC Headquarters Posts: 27,884	Like these? http://m.freeones.com/video/ Done with jwplayer __________________ WE ARE BUYING PAY SITES! CONTACT ME ClubSweethearts \| ManUpFilms \| SinfulXXX \| HOT * AdultPrime * HOT Paying webmasters since 1996! Contact: r.riepen @ sansylgroup.com \| telegram: roaldr

12-30-2012, 11:55 AM	#7
prezzz Confirmed User Industry Role: Join Date: Jul 2004 Posts: 959	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. __________________ TEMPLATEHYPE.COM - PREMIUM MECHBUNNY TEMPLATES Responsive Mechbunny templates now available - NEAT TUBE - REDDY TUBE

12-30-2012, 11:58 AM	#8
k0nr4d Confirmed User Industry Role: Join Date: Aug 2006 Location: Poland Posts: 9,228	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. __________________ Mechanical Bunny Media Mechbunny Tube Script \| Mechbunny Webcam Aggregator Script \| Custom Web Development

12-30-2012, 12:34 PM	#10
borked Totally Borked Industry Role: Join Date: Feb 2005 Posts: 6,284	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 Last edited by borked; 12-30-2012 at 12:42 PM..

12-30-2012, 01:02 PM	#11
borked Totally Borked Industry Role: Join Date: Feb 2005 Posts: 6,284	Never mind webkit-playsinline is only for the ipad. Iphone/pod always defaults to no __________________ For coding work - hit me up on andy // borkedcoder // com (consider figuring out the email as test #1) All models are wrong, but some are useful. George E.P. Box. p202