You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Shawn Lan (JIRA)" <ji...@apache.org> on 2017/06/15 17:28:00 UTC
[jira] [Updated] (CB-12906) Embed Youtube iFrames - fullscreen no
video on Android.
[ 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-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org