2017-07-27 19 views
0
<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> 

上記のコードを使用すると、画面の左下に白い部分が表示されます。 幅と高さを試しましたが動作しません。 ビデオを完全にフルスクリーンにするにはどうしたらいいですか?YouTube埋め込みビデオホワイトエリア

+0

は私のために働きます。インスペクタをチェックインすると、おそらく他のファイルからCSSが届いています。あなたはリンクやフィドルを共有できますか? – tech2017

答えて

1

あなたのhtmlの本体がそれをプッシュします。あなたはあなたのCSSファイルに追加する必要があります。

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

Normaliseを使用してください。

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

「ビデオを完全にフルスクリーンにするにはどうすればいいですか?

あなたの質問が正しく分かったら、YTの全画面表示モードのように画面全体がいっぱいになるようにします。あなたは、これを見てみることができます: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

これは解決策ではない場合は、@パカンガの助言に従ってください。

希望すると便利です。

関連する問題