嵌入式Youtube视频全屏适用于Firefox但不适用于Chrome

时间:2017-01-19 02:13:07

标签: javascript html google-chrome iframe youtube

所以我在使用嵌入式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中)而不是视频。

非常感谢任何帮助!

这是我项目的实时测试网站,因此您可以使用多个浏览器自行测试。

http://tech-solutions-llc.com

再次感谢!

0 个答案:

没有答案