如何将YouTube视频嵌入指定的容器中？

Question

申请：Ionic - Cordova - Angular

HTML块如下：

<div style='width:100%;height:320px'>
    <iframe src="***" style='width:100%;'></iframe>
</div>

以上代码在div块中加载YouTube视频。

要求：

a）纵向 - 视频大小应为100％* 320px ------＆gt;工作正常。

b）在风景中 - 视频大小应为100％* 100％--------＆gt; 行为不一致

分析：

案例（b）并非在所有情况下都有效。

屏幕处于横向模式但视频不可见，它在后台播放。我们可以听到音频。

在Chrome中检查 - 看到嵌入的YouTube视频在横向模式下的高度和宽度设置为100％，但视频仍然不可见。

Answer 1

我看到你使用的高度为320px，因此在横向模式下，高度也会占用320px，导致不一致。

尝试将高度设为100％

number

或根据高度空间。