来自Youtube的嵌入式视频全屏

时间:2015-06-20 08:51:12

标签: html5 iframe

我希望看到一个充满嵌入式视频的屏幕,但我左右两边都有黑色边框,但我已经在我的编码中包括允许全屏。如何删除边框并看到拉伸的视频?我附上了我的代码和屏幕截图。!Screen shot of the borders<iframe id="vid" width="100%" height="100%" src="https://www.youtube.com/embed/RdIh8GiVR9I?autoplay=1&amp;modestbranding=0&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;allowfullscreen=true"></iframe></div>

1 个答案:

答案 0 :(得分:0)

答案稍微复杂一点。 &#34; allowfullscreen&#34;只是用于显示&#34;全屏&#34;按钮。 (虽然it's kind of strange

为了使其行为符合您的要求,查看this explanation
(带有&#34; <iframe>&#34;)

的部分

基本上,您需要将视频放在具有网站全宽度(您可能已经做过的)的div中,并使用一些css魔法使其达到正确的高度。