Cyberpatriot
Posts: 0
Joined: Sun Jan 12, 2014 10:12 pm

External Browser Back Button/Navigation

I don't know if this is possible, but can you open a external browser in an iframe. My current app will allow my android app to open chrome and display my vimeo page, but iOS has no back button built in. So this option works great on android but not so much on iOS. I did find this https://getsatisfaction.com/apperyio/... and it works for navigation, but the browser doesn't display any of the videos. I loads a mobile page, but I'm unable to play any videos. I would think of embedding the video, but they get updated all the time on a vimeo channel and vimeo does a great job of displaying information. Any ideas or help?

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

External Browser Back Button/Navigation

Hello!

Do you test it installed on device? It will work only on the device.

Cyberpatriot
Posts: 0
Joined: Sun Jan 12, 2014 10:12 pm

External Browser Back Button/Navigation

I did. And the navigation is awesome, but my problem is it won't play videos off of vimeo. They don't get display, just like the built in browser. What I need is navigation and a browser that supports playing of videos.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

External Browser Back Button/Navigation

Hello! Did you open it in inAppBrowser or ChildBrowser?

Cyberpatriot
Posts: 0
Joined: Sun Jan 12, 2014 10:12 pm

External Browser Back Button/Navigation

The AppBrowser didn't work so I found the ChildBrowser, but that doesn't display the videos either.

I used this: window.plugins.childBrowser.showWebPage('http://www.google.com', { showLocationBar: true });

from here: https://getsatisfaction.com/apperyio/...

I like the ChildBrowser but it doesn't show the vimeo videos on a mobile page.
The android chrome browser shows the videos and plays them. Which I can open as an external link and that would be fine for android, but iOS doesn't have a back button so the user would get lost from the app.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

External Browser Back Button/Navigation

Hi,

Please post a link you're opening. We'll test this video file.

Cyberpatriot
Posts: 0
Joined: Sun Jan 12, 2014 10:12 pm

External Browser Back Button/Navigation

Ok, also thank you for the quick replies. I'm opening https://vimeo.com/channels/theblendedc... which vimeo redirects to https://vimeo.com/m/channels/theblende... . This gives a list of videos. Clicking on any of them shows no video. If you open the same link up with the android chrome browser and select a video then you can see the video and play it.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

External Browser Back Button/Navigation

Hello! On iOS devices (iPhone4, iPhone5) it works in InAppBrowser browser and there is a button Done to close InAppBrowser and return back to app. On iOS devices you can use the following code prewindow.open('http://vimeo.com/channels/theblendedchurch', 'blank', 'location=yes');/preOn Android devices prewindow.open('http://vimeo.com/channels/theblendedchurch', 'system', 'location=yes,allowInlineMediaPlayback=no');/preThere will be default browser opened and to return back to app you would need to use device back button.

Cyberpatriot
Posts: 0
Joined: Sun Jan 12, 2014 10:12 pm

External Browser Back Button/Navigation

Awesome! Thank you for testing that. One more question and I will get out of your hair. How do I run these for the different OS'? I haven't done anything yet with running specific code on a specific OS. Do you detect the browser that it's running off of?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

External Browser Back Button/Navigation

Check navigator.userAgent. For example:
preif (navigator.userAgent.match(/iP/i)) {
window.open('http://vimeo.com/channels/theblendedchurch', 'blank', 'location=yes');
} else {
window.open('http://vimeo.com/channels/theblendedchurch', 'system', 'location=yes');
}/pre

Return to “Issues”