HTML - iframe を非表示にする 質問する

HTML - iframe を非表示にする 質問する

iframe を非表示にしながらも読み込むにはどうすればよいですか? YouTube の曲を再生する場合など。

<iframe src="https://www.youtube.com/embed/X18mUlDddCc?autoplay=1" style="display: none;"></iframe>

これにより iframe が非表示になりますが、iframe が読み込まれないようです。(曲は再生されません。)

ありがとう

ベストアンサー1

width: 0; height: 0; position: absolute; および border: 0; を使用できます。

更新されたコードはこうなります!

<iframe src="https://www.youtube.com/embed/X18mUlDddCc?autoplay=1" style="position: absolute;width:0;height:0;border:0;"></iframe>

追加した:

style="position: absolute; width:0; height:0; border:0;"

非表示になり、メディアがバックグラウンドで再生され、スペースも折りたたまれます。

更新されたフィドル

http://jsfiddle.net/ygkvbphs/

おすすめ記事