私はマークアップにかなり慣れています（ただし、ピックアップは非常に簡単です）。私はパッケージに取り組んでおり、wikiページをヘルプマニュアルのように見栄えよくしようとしています。YouTubeビデオリンクをWikiページに簡単に挿入できますが、YouTubeビデオを埋め込むにはどうすればよいですか。これは不可能かもしれません。

HTMLタグを使用できることを確認したので、次のようにこのリンクごとにHTMLを埋め込んでみました。

<object width="425" height="350">
  <param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
         type="application/x-shockwave-flash"
         wmode="transparent" width="425" height="350" />
</object>

ページを保存しましたが、何も起こりませんでした。

1. GitHub wikiページにYouTubeビデオを埋め込むことはできますか？
2. もしそうなら？

動画を直接埋め込むことはできませんが、YouTube動画にリンクする画像を配置できます。

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

詳細については、GitHubのこのMarkdownチートシートをご覧ください。

完全な例

@MGAの回答を拡張する

Markdownにビデオを埋め込むことはできませんが、次の形式を使用して、マークアップファイルに有効なリンクされた画像を含めることにより、「偽造」することができます。

[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")

マークダウンの説明

このマークアップスニペットが複雑に見える場合は、次の2つの部分に分割します。

![image alt text](https://example.com/link-to-image)
リンクにラップされた画像
[link text](https://example.com/my-link "link title")

有効なマークダウンとYouTubeサムネイルの使用例：

YouTubeからサムネイル画像を直接調達して実際の動画にリンクしているので、ユーザーが画像/サムネイルをクリックすると、動画に移動します。

コード：

[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

または、読者に画像/サムネイルが実際に再生可能であることを視覚的に示す場合動画である、YouTubeで動画の独自のスクリーンショットを取り、代わりにサムネイルとして使用します。

ビデオコントロールをビジュアルキューとしてスクリーンショットを使用する例：

コード：

[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

 晴れ利点

これにはいくつか追加の手順が必要ですが（a）ビデオのスクリーンショットを撮り（b）アップロードしてサムネイルとして画像を使用できるため、3つの明確な利点があります。

1. マークダウン（または結果のhtmlページ）を読んでいる人には、ビデオを視聴できることを伝える視覚的な手掛かりがあります（ビデオコントロールをクリックすると、）
2. 動画の特定のフレームを選択してサムネイルとして使用できます（これにより、コンテンツをより魅力的にすることができます））
3. リンクされた画像をクリックすると再生が開始されるビデオの特定の時間にリンクできます。（この場合は35秒から）

スクリーンショットを撮ってアップロードするには数秒かかりますが、大きな見返りがあります。

どこでも動作します！

これは標準の値下げなので、どこでも機能します。GitHub、Reddit、Ghost、そしてここStack Overflowで試してみてください。

Vimeo

このアプローチはVimeoビデオでも機能します

例

コード

[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

ノート：

• スクリーンショットを撮る方法：http : //www.take-a-screenshot.org/（すべてのプラットフォーム）
• サムネイル画像のアップロード：スクリーンショットを撮ったら、imgur.comにドラッグアンドドロップしてアップロードし、すぐにサムネイルとして使用できます。
• YouTubeサムネイル情報：YouTube APIからYouTubeビデオのサムネイルを取得するにはどうすればよいですか？

Markdownはビデオの埋め込みを公式にサポートしていませんが、生のHTMLを埋め込むことができます。私はGitHub Pagesでテストしたところ、問題なく動作しました。

1. YouTubeのビデオページに移動し、共有ボタンをクリックします
2. 埋め込みを選択
3. マークダウンにHTMLスニペットをコピーして貼り付けます

スニペットは次のようになります。

    <iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

PS：ここでライブプレビューをチェックできます

マークダウン+中央揃えよりもHTMLタグが必要な場合：

<div align="center">
  <a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>

ビデオをサムネイルとリンクに中央揃えします。

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

結果：

これを簡単にするために、https：//yt-embed.herokuapp.com/を作成しました。上記の例から、使用法は直接です。

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

結果は：

：ただの呼び出し作るhttps://yt-embed.herokuapp.com/embed?v=[video_id]の代わりに、画像としてhttps://img.youtube.com/vi/を。

• MarkdownでHTMLコードを使用できます。
• support.google.com/youtubeからビデオまたはプレイリストを埋め込むで公式ドキュメントを確認してください

<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

YouTubeに関するその他のヒント、トリックを確認する