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 頻道了。
References
- https://stackoverflow.com/questions/11804820/how-can-i-embed-a-youtube-video-on-github-wiki-pages
- https://www.youtube.com/watch?v=G3Cytlicv8Y