Page 1 of 2

External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 4:17 am
by Cyberpatriot

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?


External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 5:37 am
by Alena Prykhodko

Hello!

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


External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 12:20 pm
by Cyberpatriot

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.


External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 3:04 pm
by Maryna Brodina

Hello! Did you open it in inAppBrowser or ChildBrowser?


External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 3:14 pm
by Cyberpatriot

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.


External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 5:31 pm
by Kateryna Grynko

Hi,

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


External Browser Back Button/Navigation

Posted: Thu Jan 16, 2014 9:21 pm
by Cyberpatriot

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.


External Browser Back Button/Navigation

Posted: Fri Jan 17, 2014 10:53 am
by Maryna Brodina

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.


External Browser Back Button/Navigation

Posted: Fri Jan 17, 2014 12:24 pm
by Cyberpatriot

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?


External Browser Back Button/Navigation

Posted: Fri Jan 17, 2014 1:02 pm
by Maryna Brodina

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