blocks|key|215234|text|不能直接嵌入视频，但你可以放一个链接到YouTube视频的图片：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|215235|[![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)|code-block|syntax|javascript|215236|215237|有关this+Markdown+cheatsheet的详细信息，请参阅Youtube上的GitHub。|unordered-list-item|offset|length|215238|有关Youtube图像链接的详细信息，请访问Youtube|215239|215240|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#youtube-videos^0|0|0|0|2|O|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@$K|11|L|12|1|13]]|A|$]]|$1|M|3|N|5|J|7|14|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]]]

<p>It's not possible to embed videos directly, but you can put an image which links to a YouTube video:</p>
<pre><code>[![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)
</code></pre>
<ul>
<li>For more information about Markdown look at <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#youtube-videos" rel="noreferrer">this Markdown cheatsheet</a> on GitHub.</li>
<li>For more information about Youtube image links <a href="https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api">look this question</a>.</li>
</ul>


blocks|key|218235|text|完整示例|type|unstyled|depth|inlineStyleRanges|entityRanges|data|218236|218237|扩展了@MGA的答案|blockquote|218238|218239|218240|虽然无法在Markdown中嵌入视频，但您可以通过在标记文件中包含有效的链接图像来“伪造视频”，使用以下格式：|218241|[![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")|offset|length|style|CODE|218242|对降价的解释|218243|如果此标记片段看起来很复杂，请将其分为两部分：|218244|一张图片|218245|![image+alt+text](https://example.com/link-to-image)|218246|包装在链接中|218247|[link+text](https://example.com/my-link+"link+title")|218248|使用有效的Markdown和YouTube缩略图的示例：|218249|​|218250|📷|atomic|218251|218252|我们直接从YouTube获取缩略图，并链接到实际的视频，所以当用户单击图像/缩略图时，他们将被带到视频。|218253|代码：|218254|[![Everything+Is+AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y+"Everything+Is+AWESOME")|218255|或如果您想给读者一个视觉提示，即图像/缩略图实际上是一个可播放的视频，请在YouTube中截取您自己的视频屏幕截图，并将其用作缩略图。|BOLD|218256|将视频控件用作可视提示的屏幕截图示例：|218257|218258|218259|218260|218261|[![Everything+Is+AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s+"Everything+Is+AWESOME")|218262|Clear+Advantages|218263|虽然这需要几个额外的步骤(a)获取视频的屏幕截图并上传(b)，以便您可以将图像用作缩略图，但它确实具有3+clear+优势<代码>e224|218264|阅读你的markdown+(或生成的html页面)的人有一个特定的可视提示，告诉他们可以观看视频(视频控件鼓励clicking)|218265|You可以在视频中选择一个特定的帧来用作缩略图(因此image|unordered-list-item|218266|ordered-list-item|218267|+engaging)|218268|You+可以链接到视频中的特定时间，点击链接的图像时播放将从该时间开始)。(在我们的例子中，从35秒开始)|218269|218270|218271|218272|拍摄和上传截图只需要几秒钟，但会有很大的回报。|218273|适用于任何地方！|218274|因为这是标准的降价，所以它在任何地方都有效。在GitHub，Reddit，Ghost和Stack+Overflow上试试。|218275|维梅奥|218276|这种方法也适用于Vimeo视频|218277|示例|218278|218279|218280|218281|代码|218282|[![Little+red+riding+hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904+"Little+red+riding+hood+-+Click+to+Watch!")|code-block|syntax|javascript|218283|备注：|218284|all+platforms)|218285|Upload+|218286|
|218287|How+to+take+screenshot：http://www.take-a-screenshot.org/+(all+platforms)|218288|218289|Upload缩略图:一旦您拍摄了您的屏幕截图，您可以将其拖放到thumbnail|218290|218291|YouTube上传并立即用作您的http://www.take-a-screenshot.org/缩略图信息：imgur.com|218292|218293|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/271f8086e4b293b50eea7675e83f5333.jpeg|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/032bfbfb90d1982d4dab1c0b73d6079d.png|2|https://ask.qcloudimg.com/http-save/yehe-900000/f4f36d1bcced75e64c184b4f76b77a96.png|3|LINK|MUTABLE|url|http://www.take-a-screenshot.org/|4|5|https://imgur.com/Ot5DWAW^0|0|0|0|0|0|0|0|3Y|0|0|0|0|0|1G|0|0|0|1H|0|0|0|0|1|0|0|0|0|0|0|3X|0|0|1|0|0|0|0|1|1|0|0|0|0|3A|0|0|5|6|A|0|D|1|S|1|1F|1|1H|5|1N|A|0|0|11|0|0|1|0|9|1|1|0|0|0|0|0|0|0|0|0|0|0|1|2|0|0|0|0|0|0|0|0|N|X|3|0|0|0|0|G|X|4|1J|9|5|0|0^^$0|@$1|2|3|4|5|6|7|3W|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|3X|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|3Y|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|3Z|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|40|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|41|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|42|8|@$L|43|M|44|N|O]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|45|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|46|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|47|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|48|8|@$L|49|M|4A|N|O]]|9|@]|A|$]]|$1|X|3|Y|5|6|7|4B|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|4C|8|@$L|4D|M|4E|N|O]]|9|@]|A|$]]|$1|11|3|12|5|6|7|4F|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|4G|8|@]|9|@]|A|$]]|$1|15|3|16|5|17|7|4H|8|@]|9|@$L|4I|M|4J|1|4K]]|A|$]]|$1|18|3|14|5|6|7|4L|8|@]|9|@]|A|$]]|$1|19|3|1A|5|6|7|4M|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|6|7|4N|8|@]|9|@]|A|$]]|$1|1D|3|1E|5|6|7|4O|8|@$L|4P|M|4Q|N|O]]|9|@]|A|$]]|$1|1F|3|1G|5|6|7|4R|8|@$L|4S|M|4T|N|1H]]|9|@]|A|$]]|$1|1I|3|1J|5|6|7|4U|8|@]|9|@]|A|$]]|$1|1K|3|14|5|6|7|4V|8|@]|9|@]|A|$]]|$1|1L|3|16|5|17|7|4W|8|@]|9|@$L|4X|M|4Y|1|4Z]]|A|$]]|$1|1M|3|14|5|6|7|50|8|@]|9|@]|A|$]]|$1|1N|3|1C|5|6|7|51|8|@]|9|@]|A|$]]|$1|1O|3|1P|5|6|7|52|8|@$L|53|M|54|N|O]]|9|@]|A|$]]|$1|1Q|3|1R|5|6|7|55|8|@$L|56|M|57|N|1H]|$L|58|M|59|N|1H]]|9|@]|A|$]]|$1|1S|3|1T|5|6|7|5A|8|@$L|5B|M|5C|N|1H]|$L|5D|M|5E|N|1H]|$L|5F|M|5G|N|1H]|$L|5H|M|5I|N|1H]|$L|5J|M|5K|N|1H]]|9|@]|A|$]]|$1|1U|3|1V|5|6|7|5L|8|@$L|5M|M|5N|N|1H]]|9|@]|A|$]]|$1|1W|3|1X|5|1Y|7|5O|8|@]|9|@]|A|$]]|$1|1Z|3|-4|5|20|7|5P|8|@]|9|@]|A|$]]|$1|21|3|22|5|20|7|5Q|8|@$L|5R|M|5S|N|1H]]|9|@]|A|$]]|$1|23|3|24|5|20|7|5T|8|@]|9|@]|A|$]]|$1|25|3|-4|5|6|7|5U|8|@]|9|@]|A|$]]|$1|26|3|-4|5|6|7|5V|8|@]|9|@]|A|$]]|$1|27|3|-4|5|6|7|5W|8|@]|9|@]|A|$]]|$1|28|3|29|5|6|7|5X|8|@]|9|@]|A|$]]|$1|2A|3|2B|5|6|7|5Y|8|@]|9|@]|A|$]]|$1|2C|3|2D|5|6|7|5Z|8|@]|9|@]|A|$]]|$1|2E|3|2F|5|6|7|60|8|@]|9|@]|A|$]]|$1|2G|3|2H|5|6|7|61|8|@]|9|@]|A|$]]|$1|2I|3|2J|5|6|7|62|8|@]|9|@]|A|$]]|$1|2K|3|14|5|6|7|63|8|@]|9|@]|A|$]]|$1|2L|3|16|5|17|7|64|8|@]|9|@$L|65|M|66|1|67]]|A|$]]|$1|2M|3|14|5|6|7|68|8|@]|9|@]|A|$]]|$1|2N|3|2O|5|6|7|69|8|@]|9|@]|A|$]]|$1|2P|3|2Q|5|2R|7|6A|8|@]|9|@]|A|$2S|2T]]|$1|2U|3|2V|5|6|7|6B|8|@]|9|@]|A|$]]|$1|2W|3|2X|5|6|7|6C|8|@]|9|@]|A|$]]|$1|2Y|3|2Z|5|1Y|7|6D|8|@]|9|@]|A|$]]|$1|30|3|31|5|6|7|6E|8|@]|9|@]|A|$]]|$1|32|3|33|5|1Y|7|6F|8|@]|9|@$L|6G|M|6H|1|6I]]|A|$]]|$1|34|3|31|5|6|7|6J|8|@]|9|@]|A|$]]|$1|35|3|36|5|1Y|7|6K|8|@]|9|@]|A|$]]|$1|37|3|31|5|6|7|6L|8|@]|9|@]|A|$]]|$1|38|3|39|5|1Y|7|6M|8|@]|9|@$L|6N|M|6O|1|6P]|$L|6Q|M|6R|1|6S]]|A|$]]|$1|3A|3|-4|5|6|7|6T|8|@]|9|@]|A|$]]|$1|3B|3|-4|5|6|7|6U|8|@]|9|@]|A|$]]]|3C|$3D|$5|3E|3F|3G|A|$3H|3I|3J|-4]]|3K|$5|3E|3F|3G|A|$3H|3L|3J|-4]]|3M|$5|3E|3F|3G|A|$3H|3N|3J|-4]]|3O|$5|3P|3F|3Q|A|$3R|3S]]|3T|$5|3P|3F|3Q|A|$3R|3S]]|3U|$5|3P|3F|3Q|A|$3R|3V]]]]

<h1>Complete Example</h1>
<blockquote>
<p>Expanding on <em>@MGA</em>'s Answer</p>
</blockquote>
<p>While it's not possible to <em>embed</em> a video in Markdown you can &quot;fake it&quot; by including a valid linked image in your markup file, using this format:</p>
<p><code>[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE &quot;Video Title&quot;)</code></p>
<h2>Explanation of the Markdown</h2>
<p>If this markup snippet looks complicated, break it down into two parts:</p>
<p>an image<br />
<code>![image alt text](https://example.com/link-to-image)</code><br />
wrapped in a link<br />
<code>[link text](https://example.com/my-link &quot;link title&quot;)</code></p>
<h2>Example using Valid Markdown and YouTube Thumbnail:</h2>
<p><a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y" rel="noreferrer" title="Everything Is AWESOME"><img src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" alt="Everything Is AWESOME" /></a></p>
<p>We are sourcing the thumbnail image directly from YouTube and linking to the actual video, so when the person clicks the image/thumbnail they will be taken to the video.</p>
<h2>Code:</h2>
<p><code>[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y &quot;Everything Is AWESOME&quot;)</code></p>
<p><em><strong>OR</strong></em> If you want to give readers a visual cue that the image/thumbnail is actually a <em>playable</em> video, take your own screenshot of the video in YouTube and use that as the thumbnail instead.</p>
<h2>Example using Screenshot with Video Controls as Visual Cue:</h2>
<p><a href="https://youtu.be/StTqXEQ2l-Y?t=35s" rel="noreferrer" title="Everything Is AWESOME"><img src="https://i.imgur.com/Ot5DWAW.png" alt="Everything Is AWESOME" /></a></p>
<h2>Code:</h2>
<p><code>[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s &quot;Everything Is AWESOME&quot;)</code></p>
<h2> <strong><em>Clear</em> Advantages</strong></h2>
<p>While this requires a couple of extra steps (<strong>a</strong>) <em>taking the screenshot</em> of the video and (<strong>b</strong>) <em>uploading it</em> so you can use the image as your thumbnail it does have <strong>3 <em>clear</em> advantages</strong>:</p>
<ol>
<li>The person reading your markdown (or resulting html page) has a <strong>visual cue</strong> telling them they can watch the video (<em>video controls encourage clicking</em>)</li>
<li>You can chose a <strong>specific frame</strong> in the video to use as the thumbnail (thus making your content <strong>more engaging</strong>)</li>
<li>You can <strong>link to a specific time</strong> in the video from which play will start when the linked-image is clicked. (in our case from 35 seconds)</li>
</ol>
<p>Taking and uploading a screenshot takes a few seconds but has a big payoff.</p>
<h1>Works Everywhere!</h1>
<p>Since this is standard markdown, it works everywhere. try it on GitHub, Reddit, Ghost, and  here on Stack Overflow.</p>
<h1>Vimeo</h1>
<p>This approach also works with Vimeo videos</p>
<h2>Example</h2>
<p><a href="https://vimeo.com/3514904" rel="noreferrer" title="Little red riding hood - Click to Watch!"><img src="https://i.imgur.com/7YTMFQp.png" alt="Little red riding hood" /></a></p>
<h2>Code</h2>
<pre><code>[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 &quot;Little red riding hood - Click to Watch!&quot;)
</code></pre>
<h1>Notes:</h1>
<ul>
<li>How to take screenshot: <a href="http://www.take-a-screenshot.org/" rel="noreferrer">http://www.take-a-screenshot.org/</a> (all platforms)</li>
<li>Upload Thumbnail Image: Once you've taken your screenshot you can drag-and-drop it into <a href="https://imgur.com/Ot5DWAW" rel="noreferrer">imgur.com</a> to upload and immediately use it as your thumbnail</li>
<li>YouTube thumbnail info: <a href="https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api">How do I get a YouTube video thumbnail from the YouTube API?</a></li>
</ul>


blocks|key|2865884|text|如果您更喜欢HTML标记而不是markdown+%2B居中对齐方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2865885|​|2865886|<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>|code-block|syntax|javascript|2865887|2865888|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>If you like HTML tags more than markdown + center alignment:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div align="center"&gt;
  &lt;a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"&gt;&lt;img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|215454|text|Markdown不正式支持视频嵌入，但您可以在其中嵌入原始HTML。我用GitHub+Pages进行了测试，它工作得无懈可击。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|215455|215456|转到YouTube上的视频页面，单击共享按钮|ordered-list-item|215457|选择Embed|215458|复制并粘贴HTML代码片段到您的markdown+|215459|中|215460|该代码片段如下所示：|215461|++++<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>|code-block|syntax|javascript|215462|PS:你可以看看live+preview+here|215463|entityMap|0|LINK|mutability|MUTABLE|url|https://daksh.github.io/Learning-Git-and-GitHub/^0|10|C|0|0|0|0|0|0|0|0|8|H|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|19|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|1A|8|@]|D|@]|E|$]]|$1|J|3|K|5|I|7|1B|8|@]|D|@]|E|$]]|$1|L|3|M|5|I|7|1C|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1D|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|1E|8|@]|D|@]|E|$]]|$1|R|3|S|5|T|7|1F|8|@]|D|@]|E|$U|V]]|$1|W|3|X|5|6|7|1G|8|@]|D|@$9|1H|A|1I|1|1J]]|E|$]]|$1|Y|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|15]]]]

<p>Markdown does not <em>officially</em> support video embeddings but you can embed raw HTML in it. I tested out with <strong>GitHub Pages</strong> and it works flawlessly.</p>

<ol>
<li>Go to the Video page on YouTube and click on the Share Button</li>
<li>Choose Embed</li>
<li>Copy and Paste the HTML snippet in your markdown </li>
</ol>

<p>The snippet looks like: </p>

<pre class="lang-html prettyprint-override"><code>    &lt;iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen&gt;&lt;/iframe&gt;
</code></pre>

<p>PS: You can check out the <a href="https://daksh.github.io/Learning-Git-and-GitHub/" rel="noreferrer">live preview here</a></p>


blocks|key|3079287|text|将视频与缩略图和链接居中对齐：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079288|<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%25;">
++++++</a>
++++</div>|code-block|syntax|javascript|3079289|结果：|offset|length|style|BOLD|3079290|​|3079291|📷|atomic|3079292|3079293|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/5298e78fe8b144d658a3acb82c0e1ef2.png|imageAlt^0|0|0|0|3|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|13|8|@$I|14|J|15|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|16|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|17|8|@]|9|@$I|18|J|19|1|1A]]|A|$]]|$1|R|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z|10|-4]]]]

<p>Center align Video with Thumbnail and Link:</p>

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

<p><strong>Result:</strong></p>

<p><a href="https://i.stack.imgur.com/iEj3w.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iEj3w.png" alt="enter image description here"></a></p>


blocks|key|215484|text|我创建了https://yt-embed.herokuapp.com/来简化这一过程。从上面的例子可以看出，用法是直接的：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|215485|[![Everything+Is+AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y+"Everything+Is+AWESOME")|code-block|syntax|javascript|215486|将导致：|215487|📷|atomic|215488|​|215489|只需调用：https://yt-embed.herokuapp.com/embed?v=[video_id]作为图像，而不是https://img.youtube.com/vi/。|215490|entityMap|0|LINK|mutability|MUTABLE|url|https://yt-embed.herokuapp.com/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b173a040ef280aa65db369f0f5f8730b.png|imageAlt|2|https://yt-embed.herokuapp.com/embed?v=[video_id]|3|https://img.youtube.com/vi/^0|4|V|0|0|0|0|0|1|1|0|0|5|1D|2|1Q|R|3|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]]|C|$]]|$1|D|3|E|5|F|7|1D|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1E|8|@]|9|@]|C|$]]|$1|K|3|L|5|M|7|1F|8|@]|9|@$A|1G|B|1H|1|1I]]|C|$]]|$1|N|3|O|5|6|7|1J|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1K|8|@]|9|@$A|1L|B|1M|1|1N]|$A|1O|B|1P|1|1Q]]|C|$]]|$1|R|3|-4|5|6|7|1R|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]|Z|$5|10|V|11|C|$12|13|14|-4]]|15|$5|U|V|W|C|$X|16]]|17|$5|U|V|W|C|$X|18]]]]

<p>I created <a href="https://yt-embed.herokuapp.com/" rel="noreferrer">https://yt-embed.herokuapp.com/</a> to simplify this. The usage is direct, from the examples above:</p>

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

<p>Will result in: <img src="https://i.stack.imgur.com/nvyUR.png" alt="example of usage of yt-embed"></p>

<p>Just make a call to: <a href="https://yt-embed.herokuapp.com/embed?v=[video_id]" rel="noreferrer">https://yt-embed.herokuapp.com/embed?v=[video_id]</a> as the image instead of <a href="https://img.youtube.com/vi/" rel="noreferrer">https://img.youtube.com/vi/</a>.</p>


blocks|key|3079355|text|添加一个带有缩略图的链接是一种可行的解决方案，该缩略图最初由YouTube使用。可以通过以下方式访问YouTube使用的缩略图：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079356|如果官方视频链接为：https://www.youtube.com/watch?v=5yLzZikS15k|offset|length|style|CODE|3079357|then，缩略图为：https://img.youtube.com/vi/5yLzZikS15k/0.jpg|unordered-list-item|3079358|
，则为|3079359|3079360|3079361|按照这个逻辑，下面的代码会产生完美的结果：|3079362|​|3079363|<div+align="left">
++++++<a+href="https://www.youtube.com/watch?v=5yLzZikS15k">
+++++++++<img+src="https://img.youtube.com/vi/5yLzZikS15k/0.jpg"+style="width:100%25;">
++++++</a>
</div>|code-block|syntax|javascript|3079364|3079365|entityMap^0|0|A|17|0|A|18|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|-4|5|J|7|18|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1C|8|@]|9|@]|A|$V|W]]|$1|X|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|Z|$]]

<p>Adding a link with the thumbnail, originally used by YouTube is a solution, that works.
The thumbnail, used by YouTube is accessible the following way:</p>
<ul>
<li>if the official video link is: <code>https://www.youtube.com/watch?v=5yLzZikS15k</code></li>
<li>then the thumbnail is: <code>https://img.youtube.com/vi/5yLzZikS15k/0.jpg</code></li>
</ul>
<p>Following this logic, the code below produces flawless results:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div align="left"&gt;
      &lt;a href="https://www.youtube.com/watch?v=5yLzZikS15k"&gt;
         &lt;img src="https://img.youtube.com/vi/5yLzZikS15k/0.jpg" style="width:100%;"&gt;
      &lt;/a&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|2865955|text|您可以尝试以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2865956|<iframe+width="500"+height="300"+src="https://www.youtube.com/embed/<VIDEO_ID>"+frameborder="0"+allowfullscreen></iframe>|code-block|syntax|javascript|2865957|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can try the following:</p>
<pre><code>&lt;iframe width=&quot;500&quot; height=&quot;300&quot; src=&quot;https://www.youtube.com/embed/&lt;VIDEO_ID&gt;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
</code></pre>


blocks|key|3079396|text|如果您正在尝试在GitHub页面上嵌入视频，您需要做的就是转到youtube视频，单击共享，复制嵌入的代码(应该是这样的)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079397|<iframe+width="560"+height="315"+src="https://www.youtube.com/embed/Z7PExj_v-ZU"+title="YouTube+video+player"+frameborder="0"+allow="accelerometer;+autoplay;+clipboard-write;+encrypted-media;+gyroscope;+picture-in-picture"+allowfullscreen></iframe>|code-block|syntax|javascript|3079398|并将其粘贴到您的标记页面。|3079399|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>If you are trying to embed a video on a GitHub page all you need to do is go to the youtube video, click on share, copy the embed code (it should look like this)</p>
<pre><code>&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/Z7PExj_v-ZU&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;
</code></pre>
<p>and paste it to your markdown page.</p>


blocks|key|3079466|text|在我的例子中，作为一个技巧，我遇到了这个问题，通过使用在线转换器将屏幕记录的视频转换为gif，然后我将其添加到我的markdown中，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079467|##+Quick+Overview+of+the+project

![Functional+Programming+with+Javascript+using+NASA+API](./functionJsWithNasaAPI.gif)|code-block|syntax|javascript|3079468|结果如下图所示|3079469|查看this+repo查看上面示例的实时预览。希望这个技巧能帮助一些人:)。|offset|length|3079470|​|3079471|📷|atomic|3079472|3079473|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/DinaTaklit/Mars-Dashbord-functional-programming-Intermediate-JavaScript-Nanodegree-Program|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/7b77576be086ffb7d7707ca8d691df26.gif|imageAlt^0|0|0|0|2|9|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|18|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|19|8|@]|9|@$K|1A|L|1B|1|1C]]|A|$]]|$1|M|3|N|5|6|7|1D|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1E|8|@]|9|@$K|1F|L|1G|1|1H]]|A|$]]|$1|R|3|N|5|6|7|1I|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|11|W|12|A|$13|14|15|-4]]]]

<p>In my case, as a trick I have encountered this issue by converting my screen recorded video into a gif using an online converter then I have added it to my markdown like so:</p>
<pre><code>## Quick Overview of the project

![Functional Programming with Javascript using NASA API](./functionJsWithNasaAPI.gif)
</code></pre>
<p>The result was like this in the image below</p>
<p>Check <a href="https://github.com/DinaTaklit/Mars-Dashbord-functional-programming-Intermediate-JavaScript-Nanodegree-Program" rel="nofollow noreferrer">this repo</a> for a live preview of the example above.
Hope this trick may help someone :).</p>
<p><a href="https://i.stack.imgur.com/RrczT.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RrczT.gif" alt="Example of using a gif instead of using the unsupported video in the markdown " /></a></p>


blocks|key|3079526|text|实际上，不仅仅是youtube，使用一个小技巧，你可以上传任何视频，甚至直接从你的电脑。要做到这一点|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079527|3079528|您可以创建一个问题，然后简单地将视频文件拖入其中|unordered-list-item|offset|length|style|BOLD|3079529|我总是更喜欢缩略图，为此，快照从视频中拖出一张图片，就像上一步|3079530|您现在有两个来自视频和图像的urls+|CODE|3079531|使用以下urls：[![img_tag](https://image-url.png)](https://video-url.mp4)|3079532|e.g.，|3079533|3079534|3079535|blockquote|3079536|3079537|📷|atomic|3079538|3079539|只需立即关闭issue+(如果需要)|3079540|3079541|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/4fb9e65ff32fec8e5098b63414f2dc1a.png|imageAlt^0|0|0|7|2|0|6|3|D|2|0|E|4|0|9|1M|0|0|0|0|0|0|0|1|0|0|0|6|5|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1F|8|@$F|1G|G|1H|H|I]]|9|@]|A|$]]|$1|J|3|K|5|E|7|1I|8|@$F|1J|G|1K|H|I]|$F|1L|G|1M|H|I]]|9|@]|A|$]]|$1|L|3|M|5|E|7|1N|8|@$F|1O|G|1P|H|N]]|9|@]|A|$]]|$1|O|3|P|5|E|7|1Q|8|@$F|1R|G|1S|H|N]]|9|@]|A|$]]|$1|Q|3|R|5|E|7|1T|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]|$1|U|3|-4|5|V|7|1W|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]|$1|X|3|Y|5|Z|7|1Y|8|@]|9|@$F|1Z|G|20|1|21]]|A|$]]|$1|10|3|-4|5|6|7|22|8|@]|9|@]|A|$]]|$1|11|3|12|5|E|7|23|8|@$F|24|G|25|H|I]]|9|@]|A|$]]|$1|13|3|-4|5|6|7|26|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|27|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B|1C|-4]]]]

<p>Actually not only youtube, using a little trick you can upload any videos, even directly from your computer. To do that,</p>
<ul>
<li>you can create an <strong>Issue</strong> and simply drag the video file in it</li>
<li>I always prefer a <strong>thumbnail</strong>, to do so, <strong>snapshot</strong> a picture from the video and drag it like previous step</li>
<li>you have now two <code>urls</code> from the video and image</li>
<li>use the urls as: <code>[![img_tag](https://image-url.png)](https://video-url.mp4)</code></li>
<li>e.g.,</li>
</ul>
<blockquote>
<p><a href="https://user-images.githubusercontent.com/12484581/131813771-c47bc071-f607-4f80-ade9-7d2f123e3212.mp4" rel="nofollow noreferrer"><img src="https://user-images.githubusercontent.com/12484581/131816650-4902b38a-6466-4f58-957e-998ec81b5ecf.PNG" alt="im1" /></a></p>
</blockquote>
<ul>
<li>simply close the <strong>issue</strong> now (if you want)</li>
</ul>


blocks|key|3079579|text|我写了一个Chrome浏览器扩展，xhub，它允许你在GitHub页面中嵌入YouTube视频(以及其他东西)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3079580|获取它，here。然后添加类似这样的内容|3079581|A+video:
```youtube-embed|code-block|syntax|javascript|3079582|{|3079583|"width"："560"，|3079584|"height"："315"，|3079585|"src"："https://www.youtube.com/embed/dQw4w9WgXcQ"，|3079586|"title"："YouTube视频播放器“，|3079587|"frameborder"："0"，|3079588|"allow"：“加速计；自动播放；剪贴板写入；加密媒体；陀螺仪；画中画”，|3079589|"allowfullscreen"：true|3079590|}|3079591|3079592|添加到您的标记代码中。它能给你|3079593|​|3079594|📷|atomic|3079595|3079596|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/nschloe/xhub|1|https://chrome.google.com/webstore/detail/xhub/anidddebgkllnnnnjfkmjcaallemhjee|2|https://www.youtube.com/embed/dQw4w9WgXcQ|3|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/a27a7ce45c65a193ff208b069d672ea2.png|imageAlt^0|H|4|0|0|4|4|1|0|0|0|0|0|7|16|2|0|0|0|0|0|0|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|1T|8|@]|9|@$A|1U|B|1V|1|1W]]|C|$]]|$1|D|3|E|5|6|7|1X|8|@]|9|@$A|1Y|B|1Z|1|20]]|C|$]]|$1|F|3|G|5|H|7|21|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|22|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|23|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|24|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|25|8|@]|9|@$A|26|B|27|1|28]]|C|$]]|$1|S|3|T|5|6|7|29|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|2A|8|@]|9|@]|C|$]]|$1|W|3|X|5|6|7|2B|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|6|7|2C|8|@]|9|@]|C|$]]|$1|10|3|11|5|6|7|2D|8|@]|9|@]|C|$]]|$1|12|3|-4|5|H|7|2E|8|@]|9|@]|C|$I|J]]|$1|13|3|14|5|6|7|2F|8|@]|9|@]|C|$]]|$1|15|3|16|5|6|7|2G|8|@]|9|@]|C|$]]|$1|17|3|18|5|19|7|2H|8|@]|9|@$A|2I|B|2J|1|2K]]|C|$]]|$1|1A|3|16|5|6|7|2L|8|@]|9|@]|C|$]]|$1|1B|3|-4|5|6|7|2M|8|@]|9|@]|C|$]]]|1C|$1D|$5|1E|1F|1G|C|$1H|1I]]|1J|$5|1E|1F|1G|C|$1H|1K]]|1L|$5|1E|1F|1G|C|$1H|1M]]|1N|$5|1O|1F|1P|C|$1Q|1R|1S|-4]]]]

<p>I wrote a Chrome browser extension, <a href="https://github.com/nschloe/xhub" rel="nofollow noreferrer">xhub</a>, that allows you to embed YouTube videos (and other things, too) in GitHub pages.</p>
<p>Get it <a href="https://chrome.google.com/webstore/detail/xhub/anidddebgkllnnnnjfkmjcaallemhjee" rel="nofollow noreferrer">here</a>. Then add something like this</p>
<pre class="lang-markdown prettyprint-override"><code>A video:
```youtube-embed
{
   &quot;width&quot;: &quot;560&quot;,
   &quot;height&quot;: &quot;315&quot;,
   &quot;src&quot;: &quot;https://www.youtube.com/embed/dQw4w9WgXcQ&quot;,
   &quot;title&quot;: &quot;YouTube video player&quot;,
   &quot;frameborder&quot;: &quot;0&quot;,
   &quot;allow&quot;: &quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot;,
   &quot;allowfullscreen&quot;: true
}
```
</code></pre>
<p>to your markdown code. It gives you</p>
<p><a href="https://i.stack.imgur.com/IK0mk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IK0mk.png" alt="enter image description here" /></a></p>


blocks|key|3079608|text|将我的YouTube视频ID替换为您的YouTube视频ID|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3079609|<a+href="https://youtu.be/5xwHkLPgvtQ"+title="Music+Caster+Video+Demo">
++<p+align="center">
++++<img+width="75%25"+src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg"+alt="Music+Caster+Video+Demo+Thumbnail"/>
++</p>
</a>|code-block|syntax|javascript|3079610|​|3079611|html+{
++background:+#2D2D2D;
}|3079612|<a+href="https://youtu.be/5xwHkLPgvtQ"+title="Music+Caster+Video+Demo">
++<p+align="center">
++++<img+width="75%25"+src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg"+alt="Music+Caster+Video+Demo+Thumbnail"/>
++</p>
</a>|3079613|3079614|Real+World+Example|offset|length|3079615|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/elibroftw/music-caster/blob/master/README.md#demo^0|0|0|0|0|0|0|0|I|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|M|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|15|8|@]|9|@$P|16|Q|17|1|18]]|A|$]]|$1|R|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]]]

<p>Replace my YouTube video's ID with your YouTube video's ID</p>
<pre class="lang-html prettyprint-override"><code>&lt;a href=&quot;https://youtu.be/5xwHkLPgvtQ&quot; title=&quot;Music Caster Video Demo&quot;&gt;
  &lt;p align=&quot;center&quot;&gt;
    &lt;img width=&quot;75%&quot; src=&quot;https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg&quot; alt=&quot;Music Caster Video Demo Thumbnail&quot;/&gt;
  &lt;/p&gt;
&lt;/a&gt;
</code></pre>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>html {
  background: #2D2D2D;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="https://youtu.be/5xwHkLPgvtQ" title="Music Caster Video Demo"&gt;
  &lt;p align="center"&gt;
    &lt;img width="75%" src="https://img.youtube.com/vi/5xwHkLPgvtQ/maxresdefault.jpg" alt="Music Caster Video Demo Thumbnail"/&gt;
  &lt;/p&gt;
&lt;/a&gt;</code></pre>
</div>
</div>
</p>
<p><a href="https://github.com/elibroftw/music-caster/blob/master/README.md#demo" rel="nofollow noreferrer">Real World Example</a></p>


blocks|key|218805|text|现在(2021)您可以轻松地在gitHub上使用视频标记。你只需要将普通视频网址粘贴到你的markdown上，它就会转换成视频。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|218806|To+have+a+video+on+your+markdown,+just+add+the+video+url,+some+like+this:

https://www.youtube.com/watch?v=G3Cytlicv8Y|code-block|syntax|javascript|218807|你可以在this+video上看到这个新特性。|offset|length|218808|entityMap|0|LINK|mutability|MUTABLE|url|https://www.youtube.com/watch?v=G3Cytlicv8Y^0|0|0|4|A|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>Now (2021) you can user video on gitHub markdown easily. You just need paste plain video url on your markdown, and it will be converted in video.</p>
<pre class="lang-markdown prettyprint-override"><code>
To have a video on your markdown, just add the video url, some like this:

https://www.youtube.com/watch?v=G3Cytlicv8Y

</code></pre>
<p>You can see on <a href="https://www.youtube.com/watch?v=G3Cytlicv8Y" rel="nofollow noreferrer">this video</a> about this new feature.</p>


<p>I am fairly new to markup (though it's extremely easy to pickup). I am working on a package and am trying to get the wiki pages looking nice as a help manual. I can insert a YouTube video link into the wiki page pretty easily but how do I embed a YouTube video. I know this may not be possible.</p>
<p>I have read you can use HTML tags so I tried embedding with HTML per this <a href="http://htmlpurifier.org/docs/enduser-youtube.html" rel="noreferrer">link</a> as follows:</p>
<pre class="lang-html prettyprint-override"><code>&lt;object width=&quot;425&quot; height=&quot;350&quot;&gt;
  &lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg&quot; /&gt;
  &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;
  &lt;embed src=&quot;http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg&quot;
         type=&quot;application/x-shockwave-flash&quot;
         wmode=&quot;transparent&quot; width=&quot;425&quot; height=&quot;350&quot; /&gt;
&lt;/object&gt;
</code></pre>
<p>And saved the page but nothing happened.</p>
<ol>
<li>Is it possible to embed a YouTube video on GitHub wiki pages?</li>
<li>If so how?</li>
</ol>


How can I embed a YouTube video on GitHub wiki pages?

GitHub

我是标记的新手(尽管它非常容易上手)。我正在开发一个包，并试图让维基页面看起来像一个帮助手册。我可以很容易地将YouTube视频链接插入到维基页面中，但是如何嵌入YouTube视频呢？我知道这可能不太可能。我读到你可以使用超文本标记语言，所以我试着按照下面的嵌入超文本标记语言：<object width="425" h...

问如何在GitHub维基页面上嵌入YouTube视频？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在GitHub维基页面上嵌入YouTube视频？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在GitHub维基页面上嵌入YouTube视频？
EN