https://github.com/jeffreymorganio/responsive-youtube-jekyll-tag

Use Bootstrap's CSS to embed responsive YouTube videos into Jekyll static websites.
https://github.com/jeffreymorganio/responsive-youtube-jekyll-tag

jekyll youtube

Last synced: 3 days ago
JSON representation

Use Bootstrap's CSS to embed responsive YouTube videos into Jekyll static websites.

• Host: GitHub
• URL: https://github.com/jeffreymorganio/responsive-youtube-jekyll-tag
• Owner: jeffreymorganio
• License: mit
• Created: 2015-02-23T17:36:31.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2021-03-07T19:17:48.000Z (almost 4 years ago)
• Last Synced: 2023-03-22T19:55:54.134Z (almost 2 years ago)
• Topics: jekyll, youtube
• Language: Ruby
• Homepage: http://usabilityetc.com/2015/04/responsive-youtube-jekyll-plugin/
• Size: 5.86 KB
• Stars: 8
• Watchers: 2
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# responsive-youtube-jekyll-tag.rb

## About

This Jekyll plugin uses Twitter Bootstrap's CSS to embed responsive YouTube videos in a post or page using a Liquid tag:

`{% youtube  %}`

## Dependencies

The Jekyll post or page must include the Bootstrap stylesheet.

## Usage:

1. Copy the `responsive-youtube-jekyll-tag.rb` file into your Jekyll `_plugins` folder

2. Add the `youtube` tag with a YouTube video ID where you want to embed the video

## Example

To embed the video with the link `https://www.youtube.com/watch?v=tnq2gwBhvCc` use the following tag:

`{% youtube tnq2gwBhvCc %}`

`tnq2gwBhvCc` is the YouTube video ID.

This tag will insert the following HTML and Bootstrap CSS classes into the page:

```



  



```