埋め込みYoutubeビデオのWordpressフォールバック画像

私が作業しているウェブサイトのホームページのヘッダーに自動再生ループYouTube動画を設定しました。モバイルデバイスではサポートされていないため、ビデオサムネイルは代わりに再生ボタンで読み込まれます。ヘッダーにはすでに画像の背景がありますが、背景画像がフォールバックとして機能するようにビデオが読み込まれないようにする方法はありますか？埋め込みYoutubeビデオのWordpressフォールバック画像

if (is_home() || is_front_page()) { 

    print '<div class="topbanner home"> 
       <iframe id="header-bg-video" src="https://www.youtube.com/embed/gmMHHbghxC8?controls=0&amp;showinfo=0&amp;rel=0&amp;autoplay=1&amp;loop=1&amp;playlist=gmMHHbghxC8"></iframe> 
       <div class="ak-container"> 
       </div> 
      </div>'; 
}

出典

2017-11-30 Cheyenne Althen

削除 'autoplay'パラメータと背景画像用の設定' Z-index' 'icon'再生すると、' icon'プレーに 'click'ハンドラを追加します。ユーザーはすべてのデバイスとデスクトップで同じ経験を持ち、レイアウトが見栄えが良くなります。 – Noman

デスクトップ再生時のように自動再生ループの設定を維持しようとしていますが、モバイルデバイスに背景画像を読み込むだけです。テーマは「トップバナーホーム」の背景画像にロードされ、ビデオは上にロードされます。私はちょうど移動ユーザーがヘッダーとして背景イメージを見ることを望む。 –

あなたは 'wp_is_mobile（）'をチェックします。 – Noman

あなたは私がデスクトップ視聴者のためであるとして、自動再生のループ設定を保持しようとしている

コードを分離する必要があり、2番目のコメントを1として、私はちょうどにロードされた背景画像が欲しいです携帯端末で "topbanner home"の背景画像にテーマが読み込まれ、ビデオが上に読み込まれます。モバイルユーザーには、ヘッダとしての背景イメージしか表示されません。

if (wp_is_mobile()) { 
    /* Display and echo mobile specific stuff here */ 
}

出典

2017-11-30 06:18:09 Noman

埋め込みYoutubeビデオのWordpressフォールバック画像

答えて

関連する問題