这是一个奇怪的问题。在Cordova Android上运行,如果我有一个iFrame嵌入宽度和高度设置为100%的Youtube视频:
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/2Xk744838J4" frameborder="0" allowfullscreen></iframe>
使用本机控制切换到全屏时,屏幕变黑。没有视频,但音频一直在播放。旋转屏幕并没有帮助。
如果我设置固定的宽度和高度:
<iframe width="560" height="315" src="https://www.youtube.com/embed/2Xk744838J4" frameborder="0" allowfullscreen></iframe>
切换到全屏时,屏幕仍然是黑屏。旋转屏幕后,视频显示。比第一种情况更好。
有时它只适用于两种情况,但大多数情况下,它存在如上所述的问题。
我在Android 7.0,Samsung S7上运行。它只是我的设备,还是某种bug?