2017-02-04 7 views
0

CSSとYouTube IFrameを使用して背景ビデオを作成しましたが、モバイル解像度(F12などを使用)に切り替えると起動しません。Youtubeの背景ビデオはモバイル解像度では起動しません

Screenshot from Chrome, it is the same on mobile.

GitHub repo with my code.

<div class="video-background"> 
    <div class="video-foreground"> 
    <iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe> 
    </div> 
</div> 
+0

ほとんどの携帯電話は、実際にモバイル自動再生をサポートしていません。私は誤解したことがありますか? – andrew196

+0

ああ、ありがとう、あなたは私を理解している。だから、YouTubeの再生ボタンを隠すことは可能でしょうか? – Tarasovych

+0

私はyoutube iframeの再生ボタン – andrew196

答えて

0

携帯電話は自動再生BG-ビデオをサポートしていません。だから、私はモバイル版でimgを設定していました。

1

現時点では、ほとんどのモバイルデバイス上の動画を自動再生する方法は実際にはありません。これは、実際に使用されている電話機の帯域幅に関するものです。

コメントで説明したように、再生ボタンを非表示にするために使用できるこれらのパラメータが見つかりました。これらは次のとおりである:

showinfo=0 controls=0 autohide=1

だから、これは完全なURLになるだろう:https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ&showinfo=0&controls=0&autohide=1

+0

ああ、まだ動作しません。多分私は別の方法を試してみます – Tarasovych

+0

再生ボタンが隠れていますか?私はこれをjsfiddleここに追加しました:https://jsfiddle.net/vutaphxq/そしてうまく動作しているようです – andrew196

+0

あなたはどのデバイス/ブラウザを使用しているか尋ねてもよろしいですか? – andrew196

関連する問題