Question

代码很简单，它基本上是一个iframe :(此代码位于<body>标记之后。

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
    <iframe frameborder="0" height="100%" width="100%" src="https://www.youtube.com/embed/MYVIDEOID?autoplay=1&amp;controls=0&amp;loop=1&amp;rel=0&amp;showinfo=0&amp;autohide=1&amp;wmode=transparent&amp;hd=1"></iframe>
</div>

我遇到的唯一问题是我的显示器很宽，当最大化时，浏览器侧面的边缘是黑色的（意味着视频只会伸展太多）。它只会使窗口大小达到高度或宽度的100％。

换句话说，如果重新调整为“手机/平板电脑”的垂直位置，视频的宽度将为100％（仍为16：9比例），但顶部边框上方和下方边框下方的所有内容均为将是黑色/空白区域。

我如何制作视频总是覆盖100％的背景？（如果宽度超过16：9宽高比的高度，它仍然适当缩放，只是在“可见”视图中错过了视频的顶部/底部。同样..如果在移动模式下，视频的高度是100％的设备/浏览器，视频仍然是16：9，但视频的两侧是不可见的

Answer 1

我找到了这个资源来完成我需要做的事情：https://vegas.jaysalvat.com/

最适合自己的MP4（或类似）上传资源。

Youtube背景拉伸到高度和宽度

1 个答案: