Youtube嵌入不能与％参数一起使用

Question

好吧所以我无法将嵌入的youtube-clip设为％width / height。无论你有什么分辨率，都试图建立一个看起来相同的网站。

如何让他们使用％而不是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%和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%;
}

Fiddle