我正在使用YouTube嵌入功能将我的视频放在我的wordpress单帖页面中。我不想使用oEmbed，因为它通过隐藏信息栏、自动播放和在最后显示相关视频来减少我的拘禁。
我遇到的问题是，虽然视频在网站上看起来不错（你可以在这里查看：http://diginomics.com/bitcoin-will-end-the-nation-state/), 在移动设备上，尺寸看起来很不稳定，因为它没有响应能力。
以下是嵌入帧代码：
<iframe width="100%" height="500" src="//www.youtube.com/embed/rL66iCVZ6mE?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
请注意，我希望宽度为容器的100%，但不希望流入侧栏。我还想自动调整高度，使其成为1080p高清视频的正确尺寸。我已尝试设置height=“auto”，但这不起作用。因此，目前我将高度保留在500px。
有没有一个解决方案来设置高度，使其对wordpress容器内的1080p高清视频响应？
SO网友:mahesh shukla
对进行媒体查询<iframe> 反应敏捷的设置id 到<iframe>和设置max-width 和min-width, 并给出具体尺寸<iframe> 在不同的设备宽度上。
CSS：
<style>
@media screen and (max-width: 400px) {
#res{
width:200px; height:200px;
}
}
</style>
HTML：
<iframe id="res" src="//www.youtube.com/embed/rL66iCVZ6mE?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>`
