0
/
leftypol_lainchan
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Merge pull request #242 from towards-a-new-leftypol/youtube_thumbs 

Youtube thumbs
This commit is contained in:
towards-a-new-leftypol 2021-04-03 19:04:33 -04:00 committed by GitHub
parent 21773482c3 286664e1ea
commit 880e07bd15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
inc/instance-config.php
View File

@ -366,15 +366,18 @@ $config['additional_javascript'][] = 'js/download-original.js';
$config['enable_embedding'] = true; $config['enable_embedding'] = true;
$config['youtube_js_html'] = '<div class="video-container" data-video="$2">'. $config['youtube_js_html']
'<a href="https://youtu.be/$2" target="_blank" class="file">'. = '<div class="video-container" data-video="$2">'
'https://youtu.be/$2'. . '<a href="https://youtu.be/$2" target="_blank" class="file">'
'</a></div>'; . '<img style="width:255px;height:190px;" src="/vi/$2/0.jpg" class="post-image"/>'
. '</a></div>';
$config['embedding'] = array(); $config['embedding'] = array();
$config['embedding'][0] = array( $config['embedding'][0] =
'/^https?:\/\/(\w+\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9\-_]{10,11})(&.+)?$/i', array(
$config['youtube_js_html']); '/^https?:\/\/(\w+\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9\-_]{10,11})(&.+)?$/i',
$config['youtube_js_html']
);
$config['additional_javascript'][] = 'js/youtube.js'; $config['additional_javascript'][] = 'js/youtube.js';
/* /*

7
js/youtube.js
View File

@ -29,16 +29,21 @@ onready(function(){
function addEmbedButton(index, videoNode) { function addEmbedButton(index, videoNode) {
videoNode = $(videoNode); videoNode = $(videoNode);
var contents = videoNode.contents();
var videoId = videoNode.data('video'); var videoId = videoNode.data('video');
var span = $("<span>[Embed]</span>"); var span = $("<span>[Embed]</span>");
var embedNode = $('<iframe style="float:left;margin: 10px 20px" type="text/html" '+ var embedNode = $('<iframe style="float:left;margin: 10px 20px" type="text/html" '+
'width="360" height="270" src="//www.youtube.com/embed/' + videoId + 'width="360" height="270" src="//www.youtube.com/embed/' + videoId +
'?autoplay=1&html5=1" allowfullscreen frameborder="0"/>'); '?autoplay=1&html5=1" allowfullscreen frameborder="0"/>');
span.click(function() { videoNode.click(function(e) {
e.preventDefault();
if (span.text() == ON){ if (span.text() == ON){
videoNode.append(contents);
embedNode.remove(); embedNode.remove();
span.text(OFF); span.text(OFF);
} else{ } else{
contents.detach();
videoNode.append(embedNode); videoNode.append(embedNode);
span.text(ON); span.text(ON);
} }

2
templates/themes/catalog/catalog.html
View File

@ -63,7 +63,7 @@
<div class="thread grid-li grid-size-small"> <div class="thread grid-li grid-size-small">
<a href="{{post.link}}"> <a href="{{post.link}}">
{% if post.youtube %} {% if post.youtube %}
<img src="//img.youtube.com/vi/{{ post.youtube }}/0.jpg" <img src="/vi/{{ post.youtube }}/0.jpg"
{% else %} {% else %}
<img src="{{post.file}}" <img src="{{post.file}}"
{% endif %} {% endif %}