所以我在使用嵌入式YouTube视频时遇到了问题。
这是我的iframe代码
body {
margin: 0;
}
.wrapper {
background: #981e32;
width: 600px;
height: calc(100vh - 120px); /* viewport height - fixed banner height */
overflow-y: auto; /* makes sure there are scrollbars when needed */
}
.banner {
position: absolute;
bottom: 0;
max-height: 120px;
}
.content {
padding: 1em;
color: white;
}
.banner img {
display: block; /* this prevents inline elements from messing up height calculations */
}
正如你所看到的,我使用的是allowfullscreen,事实上,它对Firefox来说非常好用。但是,当我尝试使用chrome时,它只是将我发送到页面顶部并冻结在那里直到我按下转义键。这几乎就像点击全屏是让浏览器全屏(就像点击F11在Windows中)而不是视频。
非常感谢任何帮助!
这是我项目的实时测试网站,因此您可以使用多个浏览器自行测试。
再次感谢!