html - Youtube 嵌入不适用于 % 参数

Question

好的，所以我无法将嵌入的 youtube-clip 设置为 % 宽度/高度。无论您拥有何种分辨率，都试图制作一个看起来相同的网站。

如何让他们使用 % 而不是 px？

<table id="tableframsida" align="center" border="0" height="80%">  
    <tr>
        <td height="100%">
            <h2>HeatoN explains how to think when you're creating tactics</h2>
        </td>
        <td height="100%">
            <iframe width="100%" height="100%" src="http://www.youtube.com/embed/UTdFMBReXBw" frameborder="0" allowfullscreen></iframe>

</table>

Answer 1

由于您想要的布局信息如此之少，我建议您使用此 HTML/CSS，您可以根据自己的要求进行调整。

• 我删除了iframe 的width=100%and height=100%，它们是 iframe 的默认值
• 我将表格显示更改为经典的包装 div + 元素和display:inline-block.

HTML

<div class="videoWrapper">
    <h2>HeatoN explains how to think when you're creating tactics</h2>
    <iframe  src="http://www.youtube.com/embed/UTdFMBReXBw" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.videoWrapper{
    height:600px;
}

.videoWrapper h2, .videoWrapper iframe{
    display:inline-block;
}
.videoWrapper h2{
    word-wrap:;
    width:25%;
}
.videoWrapper iframe{
    width:70%;
}

小提琴