页面不会在Mozilla Firefox中显示带有youtube视频的<iframe>

Question

我正在使用＆lt; iframe＆gt; ，如下所示，在我的页面中显示来自youtube的视频>

＆＃xA;＆＃xA;

＆lt; iframe src =“http://www.youtube.com/v/DNLh8p3aUzQ”disallowfullscreen =“”＆gt;＆lt; / iframe＆gt;

＆＃xA;＆＃xA;

确实如此在Chrome，IE，Edge中运行良好，但在 Mozilla Firefox 中，视频根本不显示，它会尝试下载视频，如下所示：

＆＃xA;＆＃xA ;

＆＃xA;＆＃xA;

这里可能出现什么问题？

＆＃xA;＆＃xA;

由于

＆＃XA。

Answer 1

请注意，Mozilla不再支持Adobe Flash，因此当浏览器获得“application / x-sockwave-flash”时，它会自动下载，因为它不知道如何处理它。
相反，您应该使用YouTube共享选项（在视频下选择“共享”，然后选择“嵌入”），这样可以为您提供将其嵌入到所有浏览器的“iframe”中的正确方法（使用HTML5）。
在您的情况下，在“iframe”中使用的正确网址是https://www.youtube.com/embed/DNLh8p3aUzQ

Answer 2

点击iframe或网站加载后需要下载吗？也许检查Firefox插件......

Answer 3

看看这个小提琴，它也使它具有响应性https://jsfiddle.net/x5q411jk/

＆＃13;

＆＃13;

/* Flexible iFrame */
 
.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

＆＃13;

<!-- Responsive iFrame -->
<div class="flexible-container">
<iframe src="https://www.youtube.com/embed/DNLh8p3aUzQ" width="560px" height="315px" frameborder="0" style="border:0"></iframe>
</div>

＆＃13;

＆＃13;

＆＃13;