| class YouTube < Liquid::Tag | |
| Syntax = /^\s*([^\s]+)(\s+(\d+)\s+(\d+)\s*)?/ | |
| def initialize(tagName, markup, tokens) | |
| super | |
| if markup =~ Syntax then | |
| @id = $1 | |
| if $2.nil? then | |
| @width = 560 | |
| @height = 420 | |
| else | |
| @width = $2.to_i | |
| @height = $3.to_i | |
| end | |
| else | |
| raise "No YouTube ID provided in the \"youtube\" tag" | |
| end | |
| end | |
| def render(context) | |
| # "<iframe width=\"#{@width}\" height=\"#{@height}\" src=\"http://www.youtube.com/embed/#{@id}\" frameborder=\"0\"allowfullscreen></iframe>" | |
| "<iframe width=\"#{@width}\" height=\"#{@height}\" src=\"http://www.youtube.com/embed/#{@id}?color=white&theme=light\"></iframe>" | |
| end | |
| Liquid::Template.register_tag "youtube", self | |
| end |
I couldn't use this directly, because Github-Pages or whatever, but having implemented my own one in the form of {% include youtube.liquid id="xyz" %} I wanted to point out that you can reference the thumbnail of the video directly, and put a button on top to play the video (add ?autoplay=1 so you don't have to click twice) so that your own page doesn't have to run a bunch of spurious javascript just to make a clickable image. Here's what I did:
https://github.com/sh1boot/sh1boot.github.io/blob/master/_includes/clickable-embed.liquid
jekyll-spaceship - 🚀 A Jekyll plugin to provide powerful supports for table, mathjax, plantuml, mermail, emoji, youtube, vimeo, dailymotion, etc.
Github: https://github.com/jeffreytse/jekyll-spaceship