mirrors/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-06-28 01:28:30 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge 97a7e19974 into df8839d1f0

Browse Source
This commit is contained in:
ChunkyProgrammer 2025-06-17 13:17:22 +00:00 committed by GitHub
commit b1b806b2fa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 61 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/invidious/frontend/comments_youtube.cr
View File

@ -101,12 +101,68 @@ module Invidious::Frontend::Comments
</div> </div>
END_HTML END_HTML
else else
if !thin_mode
html << <<-END_HTML html << <<-END_HTML
<div class="pure-g video-iframe-wrapper"> <a href="/watch?v=#{attachment["videoId"]}">
<iframe class="video-iframe" src='/embed/#{attachment["videoId"]?}?autoplay=0'></iframe> <div class="thumbnail">
<img loading="lazy" class="thumbnail" src="/vi/#{attachment["videoId"]}/mqdefault.jpg" alt="" />
<div class="bottom-right-overlay">
<p class="length">#{recode_length_seconds(attachment["lengthSeconds"].as_i)}</p>
</div>
</div>
<div class="video-card-row">
<p style="width:100%">#{attachment["title"]}</p>
</div>
</a>
END_HTML
else
html << <<-END_HTML
<a href="/watch?v=#{attachment["videoId"]}">
<div class="thumbnail">
<div class="thumbnail-placeholder"></div>
<div class="bottom-right-overlay">
<p class="length">#{recode_length_seconds(attachment["lengthSeconds"].as_i)}</p>
</div>
</div>
<div class="video-card-row">
<p style="width:100%">#{attachment["title"]}</p>
</div>
</a>
END_HTML
end
if !attachment["authorId"].as_s.empty?
if !attachment["authorVerified"].as_bool
html << <<-END_HTML
<a href="/channel/#{attachment["authorId"]}">
<div class="video-card-row flexible">
<p class="channel-name">
<b style="width:100%">#{attachment["author"]}</b>
</p>
</div>
</a>
END_HTML
else
html << <<-END_HTML
<a href="/channel/#{attachment["authorId"]}">
<div class="video-card-row flexible">
<p class="channel-name">
<b style="width:100%">#{attachment["author"]}</b>&nbsp;<i class="icon ion ion-md-checkmark-circle"></i>
</p>
</div>
</a>
END_HTML
end
else
html << <<-END_HTML
<div class="video-card-row flexible">
<p class="channel-name">
<b style="width:100%">#{attachment["author"]}</b>
</p>
</div> </div>
END_HTML END_HTML
end end
end
when "multiImage" when "multiImage"
html << <<-END_HTML html << <<-END_HTML
<section class="carousel"> <section class="carousel">