Black Video on Android

[gerickt]

My code https://glitch.com/edit/#!/elfin-muddy-brake

te black screen

I'm testing on android

[hiukim]

Does it work without MindAR? I mean as a regular AFRAME application?

[endohendo]

same problem - any guidance greatly appreciated

[annamarthin]

Hi, I have the same problem. Black video on Android, white on iOS

SOLUTION:

So after some googling last night, I found out a solution.

You must add a click on play function. Unfortunately (or luckily) mobile browsers block autoplay videos, because in most of the times those videos are ads or promo videos. So in order to work around this, you just need to add in your code that the video should play on click, not automatically with the loading of the page.

Hope that helps.

[positlabs]

You should be able to autoplay the video with a few extra parameters.

<video src="..." muted autoplay playsinline></video>

[skyredmilad]

I have the same issue. Some browser works but a few browsers such as Xiaomi and Android default browser didn't work However, I use this code and it works for many browsers.

<div dangerouslySetInnerHTML={{ __html: <video webkit-playsinline playsinline muted id="video" > <source src="${videoUrl}" type="video/mp4}"/> </video>, }}></div>

[hiukim]

The issue is stale. feel free to re-open if there is new insight.