I am working on a project where I am using a set-top-box (Geniatech ATV1220) to display one website (http://goo.gl/1SckBk) on which there are some webkit transitions and other stuff like a video in a carousel.
The box is running Android 4.2.2 and it will only display the site correctly when I use the Google Chrome Browser (v34). The only problems I have with it, is that the Android Google Chrome doesn't have a kiosk mode and that autoplay of the video tag is not supported by intent, so I have to "click" manually to start it. Once I activated it, it will play without a problem in the next rounds of the carousel.
Is there any way to toggle the fullscreen API or get the video to automatically play without user interaction?
If I use the tag
<meta name="mobile-web-app-capable" content="yes">
and then add a site to homescreen I still have the android status bar with the clock and I don't want that. So that is sadly not an option.
I was also thinking about maybe using Webview, since it gives you the option to remove the need of user interaction to play a video, but after my first tries it also didn't display the site correctly, probably because it is not using the chrome webkit version.
Before I dig deeper into it and maybe try to work with chromeview or something I wanted to ask if anyone had some similar needs and could guide me in the right direction on how to continue.
Thanks in advance,
egon
I ended up building a custom chromium content shell with the needed features.
For the fullscreen I did as explained here:
kiosk mode or fullscreen in chromium on android
For the autoplay you have to set m_userGestureRequiredForPlay in the HTMLMediaElement.cpp to false:
if (document.settings() && document.settings()->mediaPlaybackRequiresUserGesture())
m_userGestureRequiredForPlay = false;
Related
Edit:
This is for a hybrid mobile app made with Ionic 4.
On smaller devices (even smaller than the image attached) the inputs are covered by the keyboard on Android and iOS. Lets focus on android for this question.
At this stage for this project I do not want to use stripe elements.
I have looked for ages on this and even contacted stripe support but have found no solution.
I have attached an image of the problem (it is worse on smaller phones) and also an image of how it looks if you open it in chrome on a mobile browser.
My options now seem to be:
1) Hack the css
2) Try and figure out how to get it to display like it does in the mobile browser (2nd image) as this is much more responsive to device size.
Legacy Checkout should always open up a new page/tab and fill the screen like in your 2nd screenshot. The only exception is if the page has been configured to be in "web app" mode.
Do you happen to have the following metatag on your site?
<meta name="apple-mobile-web-app-capable" content="yes">
If so, if you remove it then Checkout should behave as expected.
Another solution is to use the new Checkout, which always opens up a new tab: https://stripe.com/docs/payments/checkout/client
I have a website where users can watch videos (I used HTMLVideoElement).
In Samsung Browser, when entering full-screen mode, there is a button that allows to float the video, and watch it while scrolling.
It is also possible to use Samsung Browser's Video Assistant for that as well (video).
I wish to disable this feature, but couldn't find anything related.
Your help will be much appreciated :)
Thanks
SamSung browser has this Video element by default . disablign this mean one need to disable samsung browser by default.
You can do a work on HTML pages by explicitly disabling any external app in accessing you video content , this way the samsung browser would be able to pick you video content into its plugin.
Use Content Locker for HTML web pages which can disable samsung browser from picking up your video content on your webpage.
I am using OpenSeaDragon to show images on my website. With the desktop browser everything is working correct. Also in device mode with the DevTools from chrome. But when I switch to a real mobile device, I can't change to fullscreen mode.
The view try to expand, the buttons slide to the top, but cancels itself immadiately.
I have build a small Android application with a webview to access the website.
I even don't know, if it is a Android issue or an OpenSeaDragon issue. Any hint what I should check could be helpful.
Thanks in advance
I'm using MediaElement.js to make a responsive web application.
However, I have some issues to make it work on Android Chrome browser (I have a Samsung Galaxy S3).
When I try to open a video, the fullscreen button is misplaced: probably the "toolbar" elements are too big, and the last button (i.e. fullscreen) get placed in the next line.
It happens even in fullscreen mode: the fullscreen button disappears.
The same behaviour can be seen in the demo video on mediaelement.js website too.
Looking at the site on Chrome for Android's DevTools the button has an off by one error.
To learn more on how to do this yourself: https://developers.google.com/chrome-developer-tools/docs/remote-debugging
If you open devtools, you can alter the video scrubber (The bar in the middle) and reduce the size by a pixel and it's fixed.
I'd raise a bug with MediaElement.js - if their CSS is 100% correct then it may be a Chrome specific bug in which case a bug should be raised at crbug.com
I am working on an Android App that implements Flash Peer-assisted networking.
I have normal Android controls and a WebView that includes HTML with an embedded Flash player.
Sometimes the flash player will ask for permission (and everything thereafter works correctly) and sometimes it will not ask and will instead hang. Is there a way I can force the Flash player to ask for permissions? Or a way I can add my App to a list that the Flash player accepts everytime?
As an example, this is the box that I need to pop up regularly.
I found the issue. It was simply due to some HTML markup I had used.
I didn't realise that object tags didn't like being terminated like XHTML designates. Removing /> from the end of the param elements fixed it.