HTML5 videos and embeded Youtube black screen issues only on Android

Solar2D Android
#1

I am facing an issue with the HTML5 videos and Youtube black screen issues only on Android, it is working fine when video is running on Fullscreen but has the black screen with audio playing fine when running in normal mode. This issue even persists with Youtube embed videos.

We have also tested it on Android mobile browser (Chrome) and it running fine but not working in native webview.

Using Corona SDK (ver. 2018.3326)

HTML 5 video : <iframe id=“video-container” width=“100%” height=“100%” frameborder=“0” src=“videos/<videopage>.html” allow="" allowfullscreen></iframe>

Youtube embed video : <iframe id=“video-container” width=“100%” height=“100%” frameborder=“0” src=“https://www.youtube.com/embed/XXXXXX?version=3&enablejsapi=1&html5=1” allow=“accelerometer; encrypted-media; gyroscope” allowfullscreen></iframe>

#2

I certainly would grab the latest daily build. There were a ton of HTML5 enhancements since 2018.3326.

Rob

#3

Hi Rob,

We tried publishing the apk with the latest daily build (2019.3473). However, the result is same. Do you have any other suggestion to fix this issue. Your timely help is greatly appreciated as our app is live and we are receiving tickets regarding this issue.

Thanks!

#4

Are you playing this in a webView or building an HTML5 app and attempting to play a video?

Rob

#5

We were able to identify and resolve this issue. We had set the webview to have a transparent background which was causing this issue. Removing the following line of code resolved the issue.

webView.hasBackground = false;

Because of this line of code there was one more issue happening. It was causing the webview’s scroll to be jerky.

Removing this line resolved both the issues on Android. There was no issue on iOS. Hope this is fixed in future builds.

#6

I certainly would grab the latest daily build. There were a ton of HTML5 enhancements since 2018.3326.

Rob

#7

Hi Rob,

We tried publishing the apk with the latest daily build (2019.3473). However, the result is same. Do you have any other suggestion to fix this issue. Your timely help is greatly appreciated as our app is live and we are receiving tickets regarding this issue.

Thanks!

#8

Are you playing this in a webView or building an HTML5 app and attempting to play a video?

Rob

#9

We were able to identify and resolve this issue. We had set the webview to have a transparent background which was causing this issue. Removing the following line of code resolved the issue.

webView.hasBackground = false;

Because of this line of code there was one more issue happening. It was causing the webview’s scroll to be jerky.

Removing this line resolved both the issues on Android. There was no issue on iOS. Hope this is fixed in future builds.