Jekyll, GitHub и YouTube

Как известно, GitHub не поддерживает сторонние плагины при генерации страничек движка Jekyll. По этому всякие штуки типа “jekyll-youtube” не работают, а хотелось бы.

Как говориться, гугл в помощь! В итоге я нашел вот такое интересное решение:

• Создаем в _includes файл youtube.html:

<div class="video-container">
  <iframe width="560" height="315"
    src="//www.youtube.com/embed/"
    frameborder="0"
    allowfullscreen>
  </iframe>
</div>

• В теле поста пишем так:

{% include youtube.html id="Fo6aKnRnBxM" %}

• (необязательно) Что бы видео автоматически ресайзилось при изменении размеров окна браузера, необходимо добавить следующие строки в один из подключаемых файлов css

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

В итоге на страничке появится встроенное видео с YouTube: