perdedora/leftypol
1
0
Fork 0
forked from leftypol/leftypol
Code Pull requests Activity

Adds support for embed button for youtube. Eliminates preview image fetched from youtube that was causing a leak

Browse source
This commit is contained in:
nonmakina 2021-01-26 00:44:23 -06:00
parent 0b86471076
commit 1afb5a5f31
2 changed files with 22 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

1
inc/instance-config.php
View file

@ -346,7 +346,6 @@ $config['enable_embedding'] = true;
$config['youtube_js_html'] = '<div class="video-container" data-video="$2">'.
'<a href="https://youtu.be/$2" target="_blank" class="file">'.
'<img style="width:255px;height:190px;" src="//img.youtube.com/vi/$2/0.jpg" class="post-image"/>'.
'</a></div>';
$config['embedding'] = array();

25
js/youtube.js
View file

@ -25,15 +25,26 @@
onready(function(){
var do_embed_yt = function(tag) {
$('div.video-container a', tag).click(function() {
var videoID = $(this.parentNode).data('video');
const ON = "[Remove]";
const OFF = "[Embed]";
$(this.parentNode).html('<iframe style="float:left;margin: 10px 20px" type="text/html" '+
'width="360" height="270" src="//www.youtube.com/embed/' + videoID +
'?autoplay=1&html5=1" allowfullscreen frameborder="0"/>');
return false;
var videoNode = $('div.video-container', tag);
var videoId = videoNode.data('video');
var span = $("<span>[Embed]</span>");
var embedNode = $('<iframe style="float:left;margin: 10px 20px" type="text/html" '+
'width="360" height="270" src="//www.youtube.com/embed/' + videoId +
'?autoplay=1&html5=1" allowfullscreen frameborder="0"/>')
span.click(function() {
if (span.text() == ON){
videoNode.remove("iframe");
span.text(OFF);
} else{
videoNode.append(embedNode);
span.innerHTML = ON;
}
});
videoNode.append(span);
};
do_embed_yt(document);