Embed Plus for YouTubeプラグインの使い方


wordpressで、youtubeの音楽動画を数個配置するページが幾つもあります。お客様がお一人で複数の動画を同時に再生すると、ご想像通りの喧しい惨状と化します。これを避けるため、「Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades」というプラグインを入れました。当初はご指導を受けてまずまずページを作成していたのですが、更新が滞っているうちにノウハウをすっかり忘れてしまいました。そこですでに作成済みのページのコードを見て、次のようにやっています。

1.カスタムHTMLを挿入
2.この中に、をいれる。
3. ●に動画のURLを入れる

正式な方法をもう一度教えてください。


回答
もっとスマートで簡単な「本当の方法」は、「YouTubeのURLをそのまま空行に貼り付けるだけ」です。

「Embed Plus」プラグインが有効になっていれば、わざわざカスタムHTMLブロックや専用のウィザード(Wizard)を開かなくても、プラグイン側でURLを自動認識して、複数動画の同時再生を防ぐ機能(同時再生制御機能)をしっかりと効かせてくれます。現在主流のブロックエディター(Gutenberg)をお使いの場合、以下の3つの方法があり、上に行くほどスマートに作業が完了します。


1. 最もスマートな方法:URLをそのまま貼り付ける(推奨)

これが一番手軽で、コードを一切触らない方法です。

  1. ページの編集画面を開きます。
  2. 新しい段落(何も書いていない空の行)に、YouTubeのURLをそのままペーストします。
  3. 貼り付けた瞬間に、自動的に動画プレイヤーに切り替わります。
    • ※裏側ではプラグインの機能がしっかり作動しているため、お客様が別の動画を再生した際に前の動画が自動で止まるようになります。

2. 専用ブロックを使う方法:一番確実な方法

プラグイン専用の機能を編集画面上でもはっきり視認しながら進めたい場合は、こちらの方法がおすすめです。

  1. 編集画面で「+(ブロックを追加)」ボタンをクリックします。
  2. 検索窓に「YouTube」または「Wizard」と入力します。
  3. 赤いアイコンの「YouTube Wizard」という専用ブロックを選択します(通常の「YouTube」ブロックと間違えないようご注意ください)。
  4. 画面に表示される「Open Wizard」ボタンを押します。
  5. 「Embed a single video」を選び、URLを貼り付けて「Insert Into Editor」をクリックします。
    • ※この方法を使うと、カスタムHTMLを挟む必要なく、エディター上に直接きれいな動画が挿入されます。

3. 現在のショートコードを使う方法(補足)

ご質問に記載されていた を使う方法も間違いではありません。このショートコードを使う場合は、「カスタムHTML」ブロックではなく、WordPress標準の「ショートコード」ブロックを使うのが本来の形です。ただし、上記1や2の方法に比べると文字を入力する手間がかかります。


まずは、一番簡単な 「新しい行にURLをそのまま貼り付けるだけ(方法1)」 を試してみてください。一番サクサクとページが作成できるはずです