Html 引导4视频，iframe标记未显示

我有一个Drupal站点，它使用Bootstrap4主题。我有一个引导卡，我正试图添加一个视频。这是我的密码：

<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，并且在inspect元素中找不到iFrame代码。我不确定被剥离的iFrame标记是否发生在Drupal一侧。我的问题是，有没有其他方法可以在不使用iFrame的情况下响应性地嵌入youtube/vimeo视频呢？你的代码很好，我试过了，工作正常，我想你调用引导文件之类的东西有问题

---

您的标记在JSFIDLE的引导模板中的效果与预期一致。@Arleghix是的，我认为这可能与Drupal有关，或者与它在Drupal视图中的事实有关。你知道没有iFrame我怎么能做到这一点吗？

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

</div>