[GitHub] 在 README 中嵌入影片

Last Updated on 2022-02-17 by Clay

在我們製作一個可 demo 的專案、或是實現一個很棒的功能時，往往都會希望可以錄製一段影片，來輕易地展示我們所實現的功能。

而在 GitHub 上分享自己的專案（或者說備份與版本控制才是目的）也是許多開發者的興趣。在幾年前 GitHub 還是不支援嵌入影片在 README 的說明中的，但在最近（？）的更新中終於實現了這個功能。

但是很遺憾的是，我們無法在 GitHub 的 README 上上傳過大的影片檔案，所以本文紀錄的方法分成兩種：

第二個方法其實就是很單純地放上一張圖片，點擊後便會將使用者轉移到 YouTube 影片的一個方法。

方法一：嵌入影片

首先我們使用瀏覽器打開 README 的編輯畫面。接著我們直接將要顯示的 demo 影片拖曳到編輯器內。

接著，我們便會看到這個影片開始進行上傳。

上傳結束後，會看到 GitHub 自動給予的編號連結：

這樣就上傳成功了。

首先，將影片上傳至 YouTube 頻道，接著你應該會取得關於這段 demo 影片獨一無二的影片 ID。

在 README.md 中，加入：

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

比方說我的 demo 影片，就是寫成：

[![IMAGE ALT TEXT](http://img.youtube.com/vi/GtlcOowVptU/0.jpg)](https://www.youtube.com/watch?v=GtlcOowVptU "Unity Snake Game")

Output:

點擊後就會自動跳往 YouTube 頻道了。