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