This Jekyll pluging provides a tag that takes a Youtube URL and generates a (responsive) html snippet to embed the video into your site.
Add this line to your Gemfile:
group :jekyll_plugins do
gem "jekyll-youtube"
endAnd then execute:
$ bundle
Alternatively install the gem yourself as:
$ gem install jekyll-youtube
and put this in your _config.yml
plugins: [jekyll-youtube]
# This will require each of these gems automatically. {% youtube "https://www.youtube.com/watch?v=ho8-vK0L1_8" %}
or using variables/front matter
{% youtube page.youtubeurl %}
By default the plugin will output the following code
<style>
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class='embed-container'>
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/ho8-vK0L1_8" frameborder="0" allowfullscreen></iframe>
</div>
You can specify your own snippet by creating a partial _includes/youtube.html. Inside that partial the Youtube ID is available as {{ youtube_id }}.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent