web-dev-qa-db-ja.com

フルスクリーンで自動的に再生されるYouTubeビデオを埋め込む

だから私がやろうとしているのは、私のウェブサイト全体にフルスクリーンのビデオを表示することです。ただし、YouTubeビデオを自動再生し、フルスクリーン（ブラウザーウィンドウのサイズ）で自動的に再生したいと思います。私のサイトナビゲーションは、ページ間をスライドする左右の矢印です。次に、各ページを上下にスクロールする上下の矢印。

しかし、私がやろうとしているのは、YouTubeビデオをフルスクリーンで自動再生することだけです。これもブラウザーウィンドウのサイズです。または、自分でビデオをホストする必要がありますか？これは簡単かもしれませんが、私が支払う必要がある帯域幅を占有します。とにかく助けてくれてありがとう、乾杯！

javascripthtml5videoyoutubefullscreen
12
user2878169

これはここでかなりよく答えられました： YouTube埋め込みビデオをページ幅いっぱいにする方法

埋め込みコードのURLの末尾に「？rel = 0＆autoplay = 1」を追加すると（このように）

<iframe id="video" src="//www.youtube.com/embed/5iiPC-VGFLU?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

ロード時に再生するビデオの jsfiddle のデモをご覧ください。

15
John Karasinski