Question

<div style="position: fixed; z-index: 1000; width: 100%; height: 100%">
<iframe frameborder="0" height="100%" width="100%" 
src="https://www.youtube.com/embed/aQsy17K84Ls?autoplay=1&controls=0&showinfo=0&autohide=1&rel=0&showinfo=0&iv_load_policy=3">
</iframe>
</div>

当我使用上面的代码时，我会在屏幕的左侧和底部出现白色区域。我尝试了宽度和高度但不起作用。如何让视频完全全屏？

Answer 1

你的html推送它。您需要添加到您的css文件;

  html, body {
    margin: 0;
    padding: 0;
  }

或者最好使用Normalise。

Answer 2

position:absolute;
left:0;
top:0;

Answer 3

“我怎样才能让视频完全全屏？”

如果我正确理解您的问题，您希望视频像YT的全屏模式一样填满整个屏幕。你可以看看这个： https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

如果这不是解决方案，请按照@ pacanga的建议。

希望这有帮助！

Youtube嵌入式视频白色区域

3 个答案: