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

display youtube video thumbnail (with local url) in embeds

This commit is contained in:
towards-a-new-leftypol 2021-04-02 20:15:26 -04:00
parent 7d7f2cab2b
commit 548be250b4
2 changed files with 13 additions and 7 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';
/* /*

3
js/youtube.js
View File

@ -29,6 +29,7 @@ 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" '+
@ -36,9 +37,11 @@ onready(function(){
'?autoplay=1&html5=1" allowfullscreen frameborder="0"/>'); '?autoplay=1&html5=1" allowfullscreen frameborder="0"/>');
span.click(function() { span.click(function() {
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);
} }