Class: Onebox::Engine::GfycatOnebox

Inherits:
Object
  • Object
show all
Includes:
Onebox::Engine, JSON
Defined in:
lib/onebox/engine/gfycat_onebox.rb

Constant Summary

Constants included from Onebox::Engine

DEFAULT

Instance Attribute Summary

Attributes included from Onebox::Engine

#timeout, #uri, #url

Class Method Summary collapse

Instance Method Summary collapse

Methods included from Onebox::Engine

engines, included, #initialize, #options, #options=

Class Method Details

.priorityObject



12
13
14
15
# File 'lib/onebox/engine/gfycat_onebox.rb', line 12

def self.priority
  # This engine should have priority over WhitelistedGenericOnebox.
  1
end

Instance Method Details

#placeholder_htmlObject



49
50
51
52
53
54
55
56
# File 'lib/onebox/engine/gfycat_onebox.rb', line 49

def placeholder_html
  <<-HTML
    <a href="#{data[:url]}">
      <img src="#{data[:posterUrl]}" width="#{data[:width]}" height="#{data[:height]}"><br/>
      #{data[:name]}
    </a>
  HTML
end

#to_htmlObject



17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
# File 'lib/onebox/engine/gfycat_onebox.rb', line 17

def to_html
  <<-HTML
    <aside class="onebox gfycat">
      <header class="source">
        <img src="https://gfycat.com/static/favicons/favicon-96x96.png" class="site-icon" width="64" height="64">
        <a href="#{data[:url]}" target="_blank" rel="nofollow ugc noopener">Gfycat.com</a>
      </header>
      <article class="onebox-body">
        <h4>
          #{data[:title]} by
          <a href="https://gfycat.com/@#{data[:author]}" target="_blank" rel="nofollow ugc noopener">
            <span>#{data[:author]}</span>
          </a>
        </h4>

        <div class="video" style="--aspect-ratio: #{data[:width]}/#{data[:height]}">
          <video controls loop muted poster="#{data[:posterUrl]}">
            <source id="webmSource" src="#{data[:webmUrl]}" type="video/webm">
            <source id="mp4Source" src="#{data[:mp4Url]}" type="video/mp4">
            <img title="Sorry, your browser doesn't support HTML5 video." src="#{data[:posterUrl]}">
          </video>
        </div>
        <p>
          <span class="label1">#{data[:keywords]}</span>
        </p>

      </article>
      <div style="clear: both"></div>
    </aside>
  HTML
end