[ 
https://issues.apache.org/jira/browse/CB-12906?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
 ]

Shawn Lan updated CB-12906:
---------------------------
    Description: 
This is a weird issue. Running on Cordova Android, if I have a iFrame embed 
Youtube video with width and height set to 100%:

    <iframe width="100%" height="100%" 
src="https://www.youtube.com/embed/2Xk744838J4"; frameborder="0" 
allowfullscreen></iframe>

When switching to fullscreen using the native control, the screen becomes 
black. No video, but audio keeps playing. Rotating the screen doesn't help.

If I set a fixed width and height:

    <iframe width="560" height="315" 
src="https://www.youtube.com/embed/2Xk744838J4"; frameborder="0" 
allowfullscreen></iframe>

When switching to fullscreen, at first the screen is still black. Once I rotate 
the screen, the video shows. Better than the first scenario.

Sometimes it just work for both scenarios, but most of the time, it has issues 
as described above.

I'm running on Android 7.0, Samsung S7. Is it just my device, or some kind of 
bug?



  was:
With the iFrame embed code of a Youtube video:

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/cuLprHh_BRg"; frameborder="0" 
allowfullscreen></iframe>

On iOS, going fullscreen is not a problem. However, on Android, the screen 
becomes black. No video. Only audio. Only very few times it worked (not sure 
how), but most of the time it was a black screen. Tested on a real device.


> Embed Youtube iFrames - fullscreen no video on Android.
> -------------------------------------------------------
>
>                 Key: CB-12906
>                 URL: https://issues.apache.org/jira/browse/CB-12906
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: cordova-android
>    Affects Versions: cordova@7.0.0
>         Environment: Cordova Android 6.2.3
> Android 7
>            Reporter: Shawn Lan
>
> This is a weird issue. Running on Cordova Android, if I have a iFrame embed 
> Youtube video with width and height set to 100%:
>     <iframe width="100%" height="100%" 
> src="https://www.youtube.com/embed/2Xk744838J4"; frameborder="0" 
> allowfullscreen></iframe>
> When switching to fullscreen using the native control, the screen becomes 
> black. No video, but audio keeps playing. Rotating the screen doesn't help.
> If I set a fixed width and height:
>     <iframe width="560" height="315" 
> src="https://www.youtube.com/embed/2Xk744838J4"; frameborder="0" 
> allowfullscreen></iframe>
> When switching to fullscreen, at first the screen is still black. Once I 
> rotate the screen, the video shows. Better than the first scenario.
> Sometimes it just work for both scenarios, but most of the time, it has 
> issues as described above.
> I'm running on Android 7.0, Samsung S7. Is it just my device, or some kind of 
> bug?



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscr...@cordova.apache.org
For additional commands, e-mail: issues-h...@cordova.apache.org

Reply via email to