YouTube 嵌入对引导程序不响应

如何解决YouTube 嵌入对引导程序不响应

我有几个视频想放在我的网站上，但存在一些问题：

• 视频没有响应
• 视频的纵横比似乎是固定的

我一直在浏览 stackoverflow 和其他网站并尝试了各种解决方案，但我似乎无法解决任何这些问题。我什至将代码复制并粘贴到任何容器/表之外，结果还是一样。

这是我在表格中嵌入的代码，我希望视频看起来像 https://codepen.io/ondrejsvestka/pen/dWYdBK，宽高比为 16:9，两个嵌入彼此相邻。我添加了一个带有 9by16 的视频，只是为了表明无论我包含的比率如何，它都不起作用。

    <td>
    <div class="embed-responsive embed-responsive-9by16">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/CrZtQrvKHjU" allowfullscreen></iframe>
    </div></td>
    <td>
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/3yL7a4jJ62I" allowfullscreen></iframe>
    </div></td>
    </tr>

和 CSS

.table{
width:50% !important;
table-layout: fixed;
margin:0px auto;
border-collapse: separate;
border-spacing: 20px 25px;
}

th,td{
background-color:#f7f7f7 !important;
padding:20px !important;
border-radius:10px;
border:0px !important;
}