ベストセラー人気 WordPress テーマTop 30 詳細

WordPress ページの背景にYouTubeの動画を挿入する

Last Updated:2021年7月16日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

mb.YTPlayer for background videosプラグイン

mb.YTPlayer for background videosというプラグインは、YouTubeの動画を WordPress ページや記事のバックグラウンドで再生するようにしてYouTubeのビデオプレーヤーです。 設定パネルでホームページで使用するように有効にするかを設定の参考(Reference)セクションの説明に従って、ショートコードを使用して文やページに挿入することができます。

mb.YTPlayerは、モバイルデバイス(iOS、Android、、Windowsなど)では動作しません。 (javascriptを通じたメディアコントロールの制限のために動作しないが、おそらくjavascript関連ライセンスのためであることも同じだが、正確には分からないですね。)

ページビルダーを使用

エレメンページビルダー

人気ページビルダーである エレメン(Elementor)ページビルダーを使用すると、セクションに動画(YouTubeを含む)の背景を追加することができます。

WordPress ページの背景にYouTubeの動画を挿入する3

詳細については、エレメン文書」How to Add&Edit a Background Video in Elementor「(エレメンにバックグラウンド動画を追加&編集する方法)を参照してください。また、次のYouTubeのビデオチュートリアルも参考にしてください。

Avada テーマの Avada ビルダー

ベストセラーのテーマである Avada(Avada)を使用している場合は、自己のページビルダーである Avada ビルダー(以前の名称 "Fusion Builder」)で、YouTubeと非メオ映像を背景に挿入することができます。

WordPress ページの背景にYouTubeの動画を挿入する4

図のように Container設定> Backgroundから YouTube / Vimeo Video URL or IDにYouTubeの私の非メオ動画のURLやIDを入力して動画を背景に挿入することができます。

WPBakeryページビルダー

Visual Composer(現在の名称WPBakery Page Builder)を使用しているテーマでもビカムを通じて動画を背景に追加することができます。

Visual Composerで動画を背景に追加する

上の図は、 The7に含まれている Visual Composerを示しています。 Background Style YouTubeビデオを選択すると、YouTubeの動画を追加することができます。 (非メオ動画を選択するオプションはないですね。)

Enfold テーマのAvia Layout Builder

Enfold テーマでも動画の背景を追加するためのオプションが提供されます。 Enfoldでカラーセクションの背景として動画を追加すると、全体の幅に追加することができます。

メモ:



コメントを残す

コメント