Responsive YouTube for Jekyll
Web / July 06, 2018
A huge shout-out goes to eduardoboucas for figuring this out. He has written a long blog post on this.
He fixes the responsiveness issues by adding a few classes to the Style Sheets and by creating a partial that gets rendered by Jekyll’s Templating Engine.
His algorithm dynamically adjusts the height for any given screen width.
<iframe width="560" height="315" src="https://www.youtube.com/embed/c-GAQezjg8A" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>Now I just have to add the line below to embed a YouTube Video into my Blog.
{% include video.html url="https://www.youtube.com/embed/c-GAQezjg8A" width="560" height="315" %}I had to spend a few minutes to figure out whether it is illegal to embed a YouTube Video. Looks like embedding a video does not result in a Copyright Infringement. This post explains why.
So here’s an awesome Kubernetes Demo done by Kelsey Hightower.