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

Merge pull request #224 from nonmakina/youtubeEmbed2 

Youtube embed
This commit is contained in:
nonmakina 2021-02-23 00:21:54 -06:00 committed by GitHub
parent 6885c19778 2c1130f76d
commit 05f0a0e860
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
inc/instance-config.php
View File

@ -352,7 +352,7 @@ $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"/>'.
'https://youtu.be/$2'.
'</a></div>';
$config['embedding'] = array();

39
js/youtube.js
View File

@ -24,22 +24,35 @@
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 +
function addEmbedButton(index, videoNode) {
videoNode = $(videoNode);
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"/>');
return false;
span.click(function() {
if (span.text() == ON){
embedNode.remove();
span.text(OFF);
} else{
videoNode.append(embedNode);
span.text(ON);
}
});
};
do_embed_yt(document);
// allow to work with auto-reload.js, etc.
$(document).on('new_post', function(e, post) {
do_embed_yt(post);
});
videoNode.append(span);
}
$('div.video-container', document).each(addEmbedButton);
// allow to work with auto-reload.js, etc.
$(document).on('new_post', function(e, post) {
$('div.video-container', post).each(addEmbedButton);
});
});