【Jekyll】Embedding youtube in Jekyll
2020/04/14 Jekyll

將 youtube 影片嵌入至 Jekyll

設置一

_includes 資料夾中,新增一支 youtube.html ,貼上以下程式碼

<iframe src="https://www.youtube.com/embed/" width="560" height="315" frameborder="0" allowfullscreen>
</iframe>

設置二

在要嵌入的 .md 檔案中根據所要位置貼上以下程式

<!-- Modified from https://github.com/nathancy/jekyll-embed-video -->

<div class="iframe-container">
    <iframe
        src="https://www.youtube.com/embed/videoID"
        frameborder="0"
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen>
    </iframe>
</div>

其中 videoID 就是 youtube 影片網址中 v=xxxxxxxx ,的 xxxxxxxx