Black screen after quitting fullscreen Youtube iframe


#1

Hi,
I’m using Youtube iframe to display video in my app.

In iOS the video is read perfectly in fullscreen. But on Android when click on the fullscreen button the video goes on fullscreen (obviously) and when I click it back it shows me a black screen. I have to click to the Android device back button to remove it.

I’m displaying video in HTML like this :
<iframe id="iframe" class="projectImg video" width="100%" height="315" [src]="project.video" frameborder="0" allowfullscreen></iframe>

And before I sanitize the URL like this :
project.$video = this.domSanitizer.bypassSecurityTrustResourceUrl(project.$videoUnsafe);

Does anyone know to avoid this black screen ?

Thank you.


#2

Did you solve it ? I am having the same problem