1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2024-12-13 00:01:16 +01:00
vichan/js/youtube.js

72 lines
2.3 KiB
JavaScript
Raw Normal View History

/*
* youtube
* https://github.com/savetheinternet/Tinyboard/blob/master/js/youtube.js
*
* Don't load the YouTube player unless the video image is clicked.
* This increases performance issues when many videos are embedded on the same page.
* Currently only compatiable with YouTube.
*
* Proof of concept.
*
* Released under the MIT license
* Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
*
* Usage:
* $config['embedding'] = array();
* $config['embedding'][0] = array(
* '/^https?:\/\/(\w+\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9\-_]{10,11})(&.+)?$/i',
* $config['youtube_js_html']);
* $config['additional_javascript'][] = 'js/jquery.min.js';
* $config['additional_javascript'][] = 'js/youtube.js';
*
*/
2014-12-20 16:02:00 +01:00
$(document).ready(function(){
if (window.Options && Options.get_tab('general')) {
Options.extend_tab("general", "<span id='youtube-size'>" + _('YouTube size') + ": <input type='number' id='youtube-width' value='360'>x<input type='number' id='youtube-height' value='270'>");
if (typeof localStorage.youtube_size === 'undefined') {
localStorage.youtube_size = '{"width":360,"height":270}';
var our_yt = JSON.parse(localStorage.youtube_size);
} else {
var our_yt = JSON.parse(localStorage.youtube_size);
$('#youtube-height').val(our_yt.height);
$('#youtube-width').val(our_yt.width);
}
$('#youtube-width, #youtube-height').on('change', function() {
if ($(this).attr('id') === 'youtube-height') {
our_yt.height = $(this).val();
} else {
our_yt.width = $(this).val();
}
localStorage.youtube_size = JSON.stringify(our_yt);
});
}
var do_embed_yt = function(tag) {
2014-12-20 16:02:00 +01:00
if (typeof our_yt === "undefined") {
our_yt = {"width":360,"height":270};
}
$('div.video-container a', tag).click(function() {
$(this.parentNode).html('<iframe style="float:left;margin: 10px 20px" type="text/html" '+
2014-12-20 16:02:00 +01:00
'width="'+our_yt.width+'" height="'+our_yt.height+'" src="//www.youtube.com/embed/' + $(this.parentNode).data('video') +
'?autoplay=1&html5=1'+ $(this.parentNode).data('params') +'" allowfullscreen frameborder="0"/>');
return false;
});
};
do_embed_yt(document);
// allow to work with auto-reload.js, etc.
$(document).on('new_post', function(e, post) {
do_embed_yt(post);
});
});