2019-05-02 18:17:27 -04:00
|
|
|
# frozen_string_literal: true
|
|
|
|
|
2019-08-22 01:37:06 -04:00
|
|
|
# name: lazy-yt
|
2014-07-21 22:39:32 -04:00
|
|
|
# about: Uses the lazyYT plugin to lazy load Youtube videos
|
2015-01-27 07:30:07 -05:00
|
|
|
# version: 1.0.1
|
2014-07-21 22:39:32 -04:00
|
|
|
# authors: Arpit Jalan
|
2019-08-21 05:02:55 -04:00
|
|
|
# url: https://github.com/discourse/discourse/tree/master/plugins/lazy-yt
|
2014-07-21 22:39:32 -04:00
|
|
|
|
2018-05-15 11:25:43 -04:00
|
|
|
hide_plugin if self.respond_to?(:hide_plugin)
|
|
|
|
|
2014-07-21 22:39:32 -04:00
|
|
|
# javascript
|
|
|
|
register_asset "javascripts/lazyYT.js"
|
|
|
|
|
|
|
|
# stylesheet
|
|
|
|
register_asset "stylesheets/lazyYT.css"
|
2014-07-28 02:20:08 -04:00
|
|
|
register_asset "stylesheets/lazyYT_mobile.scss", :mobile
|
2014-07-21 22:39:32 -04:00
|
|
|
|
|
|
|
# freedom patch YouTube Onebox
|
|
|
|
class Onebox::Engine::YoutubeOnebox
|
|
|
|
include Onebox::Engine
|
2015-08-18 05:17:39 -04:00
|
|
|
alias_method :yt_onebox_to_html, :to_html
|
2014-07-21 22:39:32 -04:00
|
|
|
|
|
|
|
def to_html
|
2015-12-03 21:46:00 -05:00
|
|
|
if video_id && !params['list']
|
2020-06-23 16:21:36 -04:00
|
|
|
|
|
|
|
size_restricted = [params['width'], params['height']].any?
|
|
|
|
video_width = (params['width'] && params['width'].to_i <= 695) ? params['width'] : 690 # embed width
|
|
|
|
video_height = (params['height'] && params['height'].to_i <= 500) ? params['height'] : 388 # embed height
|
|
|
|
size_tags = ["width=\"#{video_width}\"", "height=\"#{video_height}\""]
|
2015-08-18 05:17:39 -04:00
|
|
|
|
2020-05-15 12:49:27 -04:00
|
|
|
og = get_opengraph.data
|
|
|
|
thumbnail_url = og[:image] || "https://img.youtube.com/vi/#{video_id}/hqdefault.jpg"
|
|
|
|
|
2014-08-22 15:21:02 -04:00
|
|
|
# Put in the LazyYT div instead of the iframe
|
2016-01-30 06:32:48 -05:00
|
|
|
escaped_title = ERB::Util.html_escape(video_title)
|
2020-04-29 14:40:21 -04:00
|
|
|
|
|
|
|
<<~EOF
|
2020-05-25 17:24:40 -04:00
|
|
|
<div class="onebox lazyYT lazyYT-container"
|
2020-04-29 14:40:21 -04:00
|
|
|
data-youtube-id="#{video_id}"
|
|
|
|
data-youtube-title="#{escaped_title}"
|
2020-06-23 16:21:36 -04:00
|
|
|
#{size_restricted ? size_tags.map { |t| "data-#{t}" }.join(' ') : ""}
|
2020-04-29 14:40:21 -04:00
|
|
|
data-parameters="#{embed_params}">
|
|
|
|
<a href="https://www.youtube.com/watch?v=#{video_id}" target="_blank">
|
2020-06-23 16:21:36 -04:00
|
|
|
<img class="ytp-thumbnail-image"
|
|
|
|
src="#{thumbnail_url}"
|
|
|
|
#{size_restricted ? size_tags.join(' ') : ""}
|
|
|
|
title="#{escaped_title}">
|
2020-04-29 14:40:21 -04:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
EOF
|
2014-07-21 22:39:32 -04:00
|
|
|
else
|
2015-08-18 05:17:39 -04:00
|
|
|
yt_onebox_to_html
|
2014-07-21 22:39:32 -04:00
|
|
|
end
|
|
|
|
end
|
2014-07-26 09:11:21 -04:00
|
|
|
|
2014-07-21 22:39:32 -04:00
|
|
|
end
|
2014-08-21 06:54:05 -04:00
|
|
|
|
|
|
|
after_initialize do
|
|
|
|
|
2018-05-09 13:39:17 -04:00
|
|
|
on(:reduce_cooked) do |fragment|
|
|
|
|
fragment.css(".lazyYT").each do |yt|
|
2014-08-21 06:54:05 -04:00
|
|
|
begin
|
2018-05-09 13:39:17 -04:00
|
|
|
youtube_id = yt["data-youtube-id"]
|
|
|
|
parameters = yt["data-parameters"]
|
|
|
|
uri = URI("https://www.youtube.com/embed/#{youtube_id}?autoplay=1&#{parameters}")
|
|
|
|
yt.replace %{<p><a href="#{uri.to_s}">https://#{uri.host}#{uri.path}</a></p>}
|
2014-08-21 06:54:05 -04:00
|
|
|
rescue URI::InvalidURIError
|
2018-05-09 13:39:17 -04:00
|
|
|
# remove any invalid/weird URIs
|
|
|
|
yt.remove
|
2014-08-21 06:54:05 -04:00
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|
2018-05-09 13:39:17 -04:00
|
|
|
|
2014-08-21 06:54:05 -04:00
|
|
|
end
|