任意のウェブサイトにYoutubeビデオプレイリストを埋め込む方法

公開: 2021-08-17

EmbedFeedはYouTubeAPIと直接統合されているため、プラットフォームのユーザーはYouTubeプレイリストを自分のWebサイトと自動的に同期できます。

これは、YouTubeの個々の動画の下にある共有ボタンをクリックしたときに、セクションで使用可能なコードをコピーして貼り付ける必要がなくなることを意味します。

Webサイトのビデオを手動で管理する必要はなく、コーディングスキルも必要ありません。 Youtubeビデオを埋め込むには、いくつかのオプションがあります。YouTubeチャンネルを埋め込む、YouTubeプレイリストを埋め込む、特定のハッシュタグでタグ付けされたYoutubeビデオを埋め込むオプションもあります。

記事上で：
公演
  • YouTubeビデオプレイリストを埋め込む
  • YouTubeビデオハッシュタグを埋め込む
  • WordPressにYouTubeプレイリストを埋め込む3つの方法
    • 1.EmbedFeedでYouTubeプレイリストを埋め込む
    • 2.ショートコードでYouTubeプレイリストを埋め込む
    • 3.YouTubeプレイリストにiframeタグを埋め込みます
  • 結論

YouTubeビデオプレイリストを埋め込む

重要：開始する前に、 EmbedFeedプラットフォームにログインしてください。 まだここにいない場合は、無料トライアルに登録すると、準備が整います。 プラットフォームのアカウントを取得したら、YouTubeプレイリストを埋め込む方法について以下の手順に従ってください。

ステップ1：ソースに移動し、[ソースの追加]をクリックします

ソースを追加

ステップ2：ソーシャルメディアネットワークリストから「 YouTube 」を選択します

YouTubeを選択してください

ステップ3： YouTubeプレイリストを選択し、表示された入力フィールドにYouTubeチャンネルのリンクを入力し、埋め込むプレイリストを選択して、[ソースの作成]をクリックします

YouTubeプレイリストを選択

ステップ4：フィードが生成されると、YouTubeプレイリストウィジェット画面にリダイレクトされます

ステップ5：左上のコードをコピーします（以下を参照）

YouTubeプレイリストコード

ステップ6： WebサイトのページのHTMLコード本文セクション（ウィジェットを表示する場所）に貼り付けます

それでおしまい。

埋め込まれたビデオコンテンツを表示するには、ユーザーは、YouTubeのビデオ投稿から生成された完全な説明とともにポップアップに表示される特定のビデオをクリックする必要があります。

形式は、すべてのプレーヤーコントロールとフルスクリーンを許可するオプションを備えたYouTubeプレーヤーと同じです。

YouTubeビデオハッシュタグを埋め込む

このアグリゲーターを使用すると、ハッシュタグに基づいてYouTube動画を取得することもできます。 次の手順に従ってください。

ステップ1： EmbedFeedアカウントにログインします

ステップ2：サイドバーメニューから[ソース]を選択し、[ソースの追加]をクリックします

ステップ3：ソーシャルメディアプラットフォームリストから「YouTube」を選択します

ステップ4： 「YouTubeハッシュタグ」を選択し、使用するハッシュタグを入力します

YouTubeハッシュタグを選択

ステップ5： 「ソースの作成」をクリックします

ステップ6：フィードウィジェットをカスタマイズします（テンプレートを選択するか、CSSでカスタマイズします）

ステップ7：共有オプションから[コードをコピー]をクリックして、Webサイトに貼り付けます

注： WordPress、Wix、Shopify、Squarespaceなどの他のウェブプラットフォームを使用している場合は、サードパーティのHTML、iframe、またはJavascriptコードの埋め込みに関する指示に従ってください。

WordPressにYouTubeプレイリストを埋め込む3つの方法

WordPress WebサイトにYouTubeプレイリストを埋め込むと、多くの利点があります。

ビデオは非常に魅力的で楽しく、製品やサービスに関するプロモーションを形作る最も人気のある方法の1つです。

あなたのウェブサイトまたはプレイリスト全体に1つあることは、魅力的なウェブサイトのデザインとしてだけでなく、あなたの製品やサービスの情報源としても見ることができます。 そのため、多くのWebサイト所有者がビデオの実装に手を伸ばしています。

YouTubeプレイリストをウェブサイトに埋め込む方法はいくつかあります。

1.EmbedFeedでYouTubeプレイリストを埋め込む

EmbedFeed Youtube埋め込みコードを取得したら、次の手順に従ってコードをWordPressページに追加します。

  1. ページエディタを開き、プレイリストを表示する領域を選択します
  2. プラスアイコンをクリックして、[カスタムHTMLブロック]を選択します（ショートコードを使用することもできるため、HTMLブロックの代わりにショートコードブロックを選択します）。
  3. ブロックにコードを貼り付けます
  4. [公開]をクリックします

古いWordPressバージョンの場合

あなたがいる場合。 古いバージョンのWordPressを使用している場合は、以下のスクリーンショットを確認してください。 ページを開いて、エディターで（ビジュアルではなく）テキストオプションをクリックする必要があります。ここで、コードを貼り付けるだけで済みます。

YouTubeプレイリストウィジェットをカスタマイズする

YouTubeウィジェットがWebページのブランドに適合していることを確認したい場合は、[設定]パネルで利用できるさまざまなオプションを使用できます。

さらに、[モデレート]タブに移動すると、ライブフィードに表示または削除するビデオを管理できます。

埋め込まれたYouTubeプレイリストのデモ

コードを貼り付けると、埋め込まれたプレイリストウィジェットがすぐにWebサイトに表示されます。 デモライブラリと完全なYouTubeプレイリストデモを確認してください。

関連する動画をYouTubeプレイリストに追加する

再生リストを最新の状態に保ち、視聴者に関連性を持たせるには、関連する動画を再生リストに追加し続けることをお勧めします。

これを行うには、YouTubeアカウントに移動し、埋め込むYouTubeプレイリストを選択して、次の手順に従います。

ステップ1： 3つのドットのアイコンをクリックし、[動画を追加]をクリックします

YouTubeプレイリストに動画を追加する

ステップ2：トピックを検索して動画を選択し、[動画を追加]をクリックします

関連するYouTubeビデオを追加する

さらに、プラットフォームは新しいプレイリストを自動的にチェックするため、プレイリストIDを知っている必要も、手動でプレイリストを追加する必要もありません。

YouTubeアカウントの新しいプレイリストを作成するたびに、EmbedFeedがそれを生成します。それを埋め込む必要がある場合は、上記と同じ手順に従ってください。

EmbedFeedプラグインでさらに多くのことを行う：YouTubeチャンネルを埋め込む

EmbedFeedによるYouTube埋め込みオプションが拡張され、Youtubeチャンネル全体を埋め込むことができるようになりました。

以下のリンクで完全なナレッジベースチュートリアルを確認してください。

続きを読む：任意のウェブサイトにYouTubeチャンネルを埋め込みます。

2.ショートコードでYouTubeプレイリストを埋め込む

ショートコードでYouTubeプレイリストを埋め込む

ショートコードは、Webサイトにさまざまな機能を追加するプロセスを容易にすることを目的としています。

ショートコードを使用してYouTubeビデオを実装するには、まず、ビデオのURLをコピーする必要があります。

次に、WordPressエディターでプラス記号をクリックして、ショートコードボックスを見つけます。

次に、コードを入力する必要があります。

これはショートコードの例です：

[embed width =” 500” hight” 500”]動画のURLを貼り付けます[/ embed]

この場合、ショートコードを使用してYouTubeプレイリストの幅と高さを作成します。

自動再生の設定、ビデオ再生の常時設定（ループ）、またはプレースホルダーの選択にショートコードを使用することもできます。

完了したら、プレビューをクリックして、Webサイトを更新したときにビデオがどのように表示されるかを確認します。

3.YouTubeプレイリストにiframeタグを埋め込みます

YouTubeプレイリストにiframeタグを埋め込む

YouTubeビデオにiframeタグを埋め込むのは非常に簡単です。さらに、自分のものではないコンテンツを提示するための倫理的な方法です。

YouTubeプレイリストにiframeタグを埋め込むには、次の手順に従ってください。

  1. 最初のステップは、共有ボタンをクリックすることです
  2. 埋め込みボタンをクリックします
  3. ビデオコードをコピーする
  4. WordPress Webサイト内のカスタムHTMLブロックを選択し、コードをコピーします

さらに、iframeを使用すると、Webサイトでのビデオの表示方法に関して、オプションを追加することができます。

技術に精通している場合は、自動再生、ミュート、ループなどのさまざまな機能にさまざまなURLパラメータを使用できます。

結論

ウェブサイトにYouTubeプレイリストを埋め込むことは、ウェブサイトの訪問者があなたのビジネスに必要なすべての情報を入手するための楽しく魅力的な方法です。

上記のオプションの1つを使用して、教育、プロモーション、または楽しいビデオを埋め込み、訪問者により良い、より興味深い体験を提供します。

YouTubeプレイリストを埋め込む

EmbedFeedを試して、Instagram、Facebook、YouTube、またはTikTokフィードを生成し、PROなどの任意のWebサイトに埋め込みます。


7日間の無料トライアル・簡単なセットアップ・いつでもキャンセル

Instagramウィジェットを埋め込む