的Youtube背景拉伸到高度和寬度<body>

的代碼是很簡單的，它基本上是一個iframe：（此代碼是<body>標記之後的Youtube背景拉伸到高度和寬度<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 rati） o），但是頂部邊界和底部邊界之下的所有東西都是黑色/空白區域。

我該怎麼做才能使視頻始終覆蓋100％的背景？（如果寬高比16：9縱橫比的高度大，它仍然適當縮放，只是在「可見」視圖中缺少視頻的頂部/底部部分。同樣，如果在移動模式下，視頻高度是設備/瀏覽器的100％，視頻仍然是16：9，但視頻的兩側都看不到，能）

來源

2016-03-11 NoReceipt4Panda