Question

我正在构建一个响应式网站，其上嵌有YouTube视频。该视频位于响应式iframe中，除Firefox外，在所有浏览器中均可正常运行。它根本就没有显示出来。

我尝试了savemode，在链接中添加了html5，对所有js和js-queries进行了评论。如果我在px中添加宽度和高度它确实显示并且工作正常，但它没有响应。

我可以通过将容器的高度更改为百分比或vw值来显示它。无论我添加什么图形，它总是会使视频呈现双倍高度并切断左右两侧的大部分。此外，当视口缩小时，它会切断更多的宽度。将容器值更改为0以外的任何值时，所有其他浏览器都会发生相同的情况。

尝试过Firebug，但是甚至看不到iframe。

以下是代码：

＆＃13;

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin-bottom: 4vw;
} 
	
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

＆＃13;

<div class="embed-container">
  <iframe src='https://www.youtube.com/embed//EyhQN24InWg?html5=1' frameborder='0' allowfullscreen></iframe>
</div>

＆＃13;

网址： https://www.marjanderksen.com

Answer 1

您是否尝试过使用FitVids.js？

for (WebElement text : biblioTable)
    String name = text.getText();

下载插件的链接：https://github.com/davatron5000/FitVids.js

响应式iframe中的YouTube视频未显示在Firefox中

1 个答案: