css - 我在我的 Bootstrap 页面中嵌入了 youtube 视频，但它在 safari 中不可见。我该如何改变它？

Question

我点击了这个链接 http://getbootstrap.com/components/#responsive-embed并试图在我的网页上嵌入 youtube 视频。我尝试使用 http 和 https 链接到 youtube，但在 Safari 中两种方式都失败了。 我基本上使用:

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/v/myvideoid">
</iframe>
</div>

对我来说真正奇怪的是当我在 chrome 中进入我的页面时一切正常，但是当我打开 safari - 没有电影，但页面开始下载一个名为 myvideoid 和内容的文本文件很奇怪...这是该文件中的几个第一个字符:

CWSN7x⁄Ì:˘w«y3ªÃ$H§Hë‘ )RKoYîMQºdä§I…í”ã∞¨µ¿¬ªR¥„∆
q‚ÿπ‹§á“¥I£ÙH”∫m‹¶È›¶M€ÙnHπ±_Í{yØ}˝˙ã˙Õ etc...

这里有什么问题，我怎样才能让它工作(在 safari 和 ios 中也是如此)？

Answer 1

也许您的链接结构有误？

https://www.youtube.com/embed/videoid

尝试使用:

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/videoid"></iframe>
</div>