Youtube Player di jekyll

1 menit saja

Plugins untuk menampilkan Youtube

Pengantar

Youtube sudah gak perlu dijelaskan, sudah sangat terkenal. Nah, sekarang mari kita tampilkan youtube playernya di sini.

Plugins

Ini plugins dari pibby.

Cara Pakai

{% youtube VIDEO_ID %}

Contoh menampilkan video :

{% youtube EW92gv2GXvQ %}

Hasil

Cara Pasang

Copy-kan isi file youtube.rb dalam folder _plugins :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
# Jekyll - Easy Youtube Embed
#
# Katie Harron - https://github.com/pibby
#
#   Input:
#     <div class="video"><figure><iframe width="640" height="480" src="//www.youtube.com/embed/Al9FOtZcadQ" frameborder="0" allowfullscreen></iframe></figure></div>
#   Output:
#   <div class="video">
#     <figure>
#       <iframe width="640" height="480" src="//www.youtube.com/embed/Al9FOtZcadQ" allowfullscreen></iframe>
#     </figure>
#   </div>

module Jekyll
  class Youtube < Liquid::Tag
    @url = nil

    VIDEO_URL = /(\S+)/i

    def initialize(tag_name, markup, tokens)
      super

      if markup =~ VIDEO_URL
        @url = $1
      end
    end

    def render(context)
      source = "<div class=\"video\">"
      source += "<figure>"
      source += "<iframe width=\"640\" height=\"480\" src=\"//www.youtube.com/embed/#{@url}\" frameborder=\"0\" allowfullscreen></iframe>"
      source += "</figure>"
      source += "</div>"
      source
    end
  end
end

Liquid::Template.register_tag('youtube', Jekyll::Youtube)

Tinggalkan komentar