你如何强制HTML5 iframe
YouTube视频居中,最终使用CSS3 HTML覆盖全屏窗口背景?
例如“paypal.it " home page background or " unity3d.com/5”顶级视频,有iframe youtube视频 . iframe
覆盖全屏(缩放)并在重新调整窗口大小时覆盖所有宽度和高度 . 它重新调整大小,保持100%最小宽度缩放高度或100%最小高度缩放宽度 .
如何使用 iframe
HTML5和CSS3实现此效果?
代码示例HTML5
<div class="video" style="opacity: 1;">
<iframe src="http://www.youtube.com/embed/AddHereVideoId?autoplay=1&html5=1" frameborder="0" style="height: 720px;">
</iframe>
</div>
代码CSS3 HTML最终将获得Java帮助 .
2 回答
对于真正的全屏解决方案,可以这样实现:
HTML
CSS
它并不完美,例如它不适用于容器的极高纵横比,但在大多数情况下做得很好 . 这是一个工作示例:https://codepen.io/anon/pen/zRVLGJ
我认为这是你想要实现的目标:
这将为您提供一个视频,填充它所在的容器,并自动缩放高度 .
我最初在这里找到了这个解决方案:https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php