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

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でカラーセクションの背景として動画を追加すると、全体の幅に追加することができます。

メモ:

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

コメントを残す

*電子メール情報は公開されません。