YouTubeの動画をブログやウェブサイトに埋め込むことで、インターネット上で動画を自由に共有することができます。費用はかかりませんし、YouTubeが動画のトラフィックを処理するので、サイトの帯域幅の管理を心配する必要もありません。このWikiHowでは、YouTubeの動画やプレイリストをブログ記事やHTMLコードに埋め込む方法をご紹介します。
方法1
動画を埋め込む
-
コンピュータにアクセスします。動画の埋め込みコードを取得するには、パソコンでYouTubeを使用する必要があります。
-
埋め込みたい動画にアクセスします。動画を検索し、検索結果の動画名をクリックします。
-
埋め込み動画の開始位置を決めます。あなたのウェブサイト上で動画を最初から再生したい場合は、デフォルトのオプションなので、次のステップにスキップできます。しかし、動画を特定の位置から再生させたい場合は、赤い点（再生ヘッド）を動画の希望の位置までドラッグし、一時停止をクリックします（動画がまだ一時停止していない場合）。または、再生ボタンをクリックし、ビデオの適切なポイントに到達したら一時停止を選択します。
-
共有ボタンをクリックします。動画の右下にあります。ボタンには曲がった矢印が付いています。ビデオを共有するためのオプションが展開されます。
-
埋め込み]をクリックします。リンクを共有」の下にある最初のアイコンで、角度のついた2つの括弧が含まれています。動画の埋め込みコードが表示されます。
-
埋め込みオプションを選択します。
- デフォルトでは、ビデオは最初から再生されます。別の開始ポイントを選択した場合は、"Start at "の横にあるチェックボックスをオンにします。該当するボックスに正しい時間が表示されます。
- 埋め込み動画にプレーヤ コントロール（一時停止やスキップなど）を表示するには、"プレーヤ コントロールを表示する" の横にあるチェック ボックスをオンにします。
- 動画をクリックしない Web サイト訪問者を YouTube が追跡しないようにするには、"Enable privacy-enhanced mode" の横にあるチェックボックスをオンにします。
-
COPYリンクをクリックします。 ウィンドウの右下にあります。これで埋め込みコードがクリップボードにコピーされます。
- コードは次のようになります： <iframe width="560" height="315" src="https://www.youtube.com/embed/lj9OgGQ_QkY" frameborder="0" allowfullscreen></iframe>.
-
ウェブページのHTMLエディターを開く。HTMLはウェブサイトを構築するために使用されるコードの一種で、YouTubeの埋め込みコードは、コードに挿入してそのままビデオを表示するように設計されています。多くのブログサイトでは、ウェブサイトのコードを変更することなく、動画を直接記事に挿入することができます。
- ブログの投稿新しい投稿を開始する。投稿の上のツールバーで、「HTML」リンク（または同様のもの）をクリックする。これで投稿のコードが表示されますが、ウェブサイトのコードはそのままです。
- ウェブサイトウェブサイトのHTMLファイルを探します。NotePadやMacのTextEditのようなテキストエディタを使うことができます。 また、Adobe DreamweaverのようなHTMLエディターを使って編集することもできます。 HTMLファイルの編集が終わったら、ファイルをサーバーに手動でアップロードするか、または.NET Frameworkを使用してアップロードする必要があります。
-
HTMLの中で動画を表示させたい場所を探してください。入力した単語はすべてHTMLに表示されるので、テキストを使ってページのどこに動画を配置するかを決めることができます。例えば、"Check out my new video: "という投稿をした場合、HTMLコードのどこかにその言葉が表示されます。
-
動画のためのスペースを作る動画を掲載したい場所を見つけたら、周囲のコードの間をクリックしてスペースバーを押す。ほとんどのコードは「<」で始まり「>」で終わります。埋め込みコードは、必ず既存のコード行の外側に記述してください。
- Wordpressブログの例：<b>私のビデオをご覧ください:</b>は、"Check out my video here：(埋め込みビデオ)
- HTMLで段落やテキストの後に改行を入れるには、<br>と入力します。
-
動画を表示したい場所に動画コードを貼り付けます。右クリックして貼り付けを選択するか、Control + V（PC）またはCommand + V（Mac）を押して埋め込みコードを貼り付けることができます。
-
変更を公開します。Save changes（変更を保存）」、「Publish（公開）」、「Post（投稿）」などをクリックして、埋め込みコード付きの投稿を保存します。 投稿を確認し、動画が希望する位置にあることを確認してください。
- また、「共有」機能を使ってソーシャルメディアに動画を埋め込むこともできます。Facebook、Twitter、Pinterest、Tumblrに動画を投稿したい場合は、動画の下にある「共有」ウィンドウの該当するアイコンをクリックするだけです。YouTubeがあなたのソーシャルメディアアカウントへのログインを促し、自動的に動画を埋め込んでくれます。
方法2
プレイリストを埋め込む
-
コンピュータにアクセスします。プレイリストの埋め込みコードを取得するには、コンピュータでYouTubeを使用する必要があります。
-
ライブラリ」のリンクをクリックします。左側のパネルにあります。
-
埋め込みたいプレイリストの下にあるVIEW FULL PLAYLISTをクリックします。プレイリストは "プレイリスト "セクションにあります。メインページにお探しのプレイリストがない場合は、このセクションの「すべてを見る」をクリックして、全リストを開いてください。
-
テキストエディタを開きます。Windowsならメモ帳、macOSならテキストエディットのようなものです。
-
埋め込みコードのテンプレートをテキストエディタに貼り付けます。コードは <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> です。
- このテキストをコピーするには、マウスカーソルでコピーしたいテキストをハイライトし、Control + C（PC）またはCommand + C（Mac）を押してコピーします。次に、テキストエディタ・ウィンドウで右クリック（またはControl + クリック）し、貼り付けを選択して貼り付けます。
-
ブラウザのアドレスバーからプレイリストIDをコピーする。ブラウザ上部のアドレスバーに、次のようなURLが表示されます。youtube.com/playlist?list=PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9.この場合、PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9です。
- このテキストをコピーするには、マウスカーソルでコピーしたいテキストをハイライトし、Control + C（PC）またはCommand + C（Mac）を押してコピーします。
-
埋め込みコードにプレイリストIDを貼り付けます。プレイリストIDは、埋め込みコードのURL末尾のlist=の後に貼り付ける必要があります。プレイリストIDを貼り付けると、コードは次のようになります： <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLrxlAuU-npiXC2clkanh8TKoKfxzym6p9" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>.
- これを行うには、list=と引用符". "の間でマウスを右クリックする。次に、Control + V（PC）またはCommand + V（Mac）を押して貼り付けます。余計なスペースが表示される場合は、削除してください。
-
埋め込みコードをクリップボードにコピーします。これを行うには、テキストエディタウィンドウ内のすべてをマウスでハイライトし、Control + C（PC）またはCommand + C（Mac）を押します。
-
ウェブページのHTMLエディタを開く。多くのブログサイトでは、ウェブサイトのコードを変更することなく、動画を直接投稿に挿入することができます。
- ブログの投稿新しい投稿を始める。投稿の上のツールバーで、「HTML」リンク（または同様のもの）をクリックする。これで投稿のコードが表示されますが、ウェブサイトのコードはそのままです。
- ウェブサイトウェブサイトのHTMLファイルを探します。Macの場合はメモ帳やTextEditなどのテキストエディタ、またはDreamweaverのようなHTMLエディタを使うことができます。 HTMLファイルの編集が終わったら、ファイルをサーバーに手動または.NETでアップロードする必要があります。
-
動画用のスペースを確保する動画を掲載したい場所を見つけたら、周囲のコードの間をクリックしてスペースバーを押します。ほとんどのコードは「<」で始まり「>」で終わります。埋め込みコードは、必ず既存のコード行の外側に記述してください。
- Wordpressブログの例：<b>私のプレイリストをご覧ください:</b>は、"私のプレイリストをご覧ください：(埋め込みビデオ)
- HTMLの段落やテキストの後に改行を入れるには、<br>と入力します。
-
プレイリストが表示される場所に埋め込みコードを貼り付けます。右クリックして「貼り付け」を選択するか、Control + V（PC）またはCommand + V（Mac）を押して埋め込みコードを貼り付けることができます。
-
変更を保存して公開します。Save changes（変更を保存）」、「Publish（公開）」、「Post（投稿）」などをクリックして、埋め込みコード付きの投稿を保存します。 投稿を確認し、プレイリストがお望みの位置にあることを確認してください。
コメント
最新を表示する
NG表示方式
NGID一覧