Bootstrap 4 视频，iframe 标签未显示答案

【问题标题】：Bootstrap 4 video, iframe tag not showingBootstrap 4 视频，iframe 标签未显示
【发布时间】：2021-05-21 09:17:57
【问题描述】：

我有一个使用 bootstrap 4 主题的 Drupal 站点。我有一张引导卡，正在尝试在其中添加视频。这是我的代码：

<div class="card">  
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
    </div>
    <div class="card-body">
        <h3>Title</h3>
        <p>Some text here about the video.</p>
    </div>
</div>

当我保存页面并检查元素时，iframe 总是丢失，所以代码如下所示：

<div class="embed-responsive embed-responsive-16by9">

</div>

我尝试嵌入卡外，同样的问题。我知道尝试只使用没有任何父 div 的 iFrame，并且在检查元素中找不到 iFrame 代码。我不确定被剥离的 iFrame 标签是否发生在 Drupal 这边。我的问题是有没有其他方法可以在不使用 iFrame 的情况下响应嵌入 youtube/vimeo 视频

【问题讨论】：

您的标记在 jsfiddle 的引导样板中按预期工作。
@ArleighHix 是的，我认为这可能与 Drupal 有关，或者它在 Drupal 视图中的事实。知道如何在没有 iFrame 的情况下完成此任务吗？

标签： html twitter-bootstrap iframe bootstrap-4

【解决方案1】：

你的代码很好，我试过了，它工作正常我认为你把调用引导文件或其他东西弄得一团糟

【讨论】：