Html 为什么youtube嵌入海报图像不能以完整的观众尺寸显示？

以下是我的嵌入代码：

<iframe width="1920" height="1080" src="//www.youtube.com/embed/2JkquK7PJ-c?rel=0&color=white&modestbranding=1&showinfo=0&wmode=transparent&autoplay=1" frameborder="0" allowfullscreen></iframe>

下面是它的表现

---

视频上传是1080p，海报图像是从视频中选择的，虽然我有一个自定义图像的相同问题，所以我不确定丢失了什么

尝试使用css设置iframe大小，最初是内联的，如下所示：

<iframe style="height: 1080px; width: 1980px" src="//www.youtube.com/embed/2JkquK7PJ-c?rel=0&color=white&modestbranding=1&showinfo=0&wmode=transparent&autoplay=1" frameborder="0" allowfullscreen></iframe>

---

如果这样做有效，可以通过给iframe一个id来整理它，然后将维度作为规则添加到外部css文件中。

是的，这似乎适用于所有YouTube嵌入。如果它真的让你讨厌，就像我一样，我建议你先显示缩略图，然后在打开自动播放的情况下点击视频，将其调出。几年前，我在这里写过关于使用jQuery执行此操作的内容：

您的缩略图位于：

我正在整理AngularJS YouTube指令时，他们做出了这个切换，我花了半个小时试图弄清楚我是如何在缩略图周围创建黑色边框的，直到我环顾互联网上的其他嵌入式视频，发现它是YouTube系统范围内的。呵呵

---

不知道YouTube为什么决定这么做，看起来很糟糕。

thx-我会尝试初始设置-虽然我忘了提到我正在使用fitvids自动设置最终大小。无骰子。我认为这是youtube的问题，因为这是一个嵌入。。。我很确定它上周起作用了，然后突然变小了，这可能是错误的。看起来糟透了。谢谢你的建议。我们在其他视频上这样做，我们决定这一个需要一个播放按钮和一个行动呼吁，在同一房地产作为视频，所以我会做一个图像覆盖与图像地图，以提供多点击场景。再次感谢。只是对您的视频交换代码的一个建议。如果将视频id/width/height放在链接的数据id、数据宽度、数据高度属性中，那么会更干净一些，这样就可以使用声明性标记，并且永远不会触碰每个视频的JS。我们就是这样做的。ie:$'img.video poster'。单击，函数{$this.replaceWith；}；显然，他们也认为这是一个错误。现在修好了。