html5 - 来自Youtube的嵌入式视频全屏 - Thinbug

来自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&modestbranding=0&controls=0&showinfo=0&rel=0&allowfullscreen=true"></iframe></div>

1 个答案:

答案 0 :(得分：0)

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

为了使其行为符合您的要求，查看this explanation
（带有＆＃34; <iframe>＆＃34;）

的部分

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