2013-07-19 23:06:27 +00:00
|
|
|
/*
|
|
|
|
* 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>
|
|
|
|
*
|
|
|
|
* Usage:
|
|
|
|
* $config['embedding'] = array();
|
2013-07-20 22:11:25 +00:00
|
|
|
* $config['embedding'][0] = array(
|
|
|
|
* '/^https?:\/\/(\w+\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9\-_]{10,11})(&.+)?$/i',
|
2014-01-09 17:24:53 +00:00
|
|
|
* $config['youtube_js_html']);
|
2013-07-19 23:06:27 +00:00
|
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
|
|
* $config['additional_javascript'][] = 'js/youtube.js';
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
onready(function(){
|
2013-07-20 22:25:58 +00:00
|
|
|
var do_embed_yt = function(tag) {
|
|
|
|
$('div.video-container a', tag).click(function() {
|
|
|
|
var videoID = $(this.parentNode).data('video');
|
2013-07-19 23:06:27 +00:00
|
|
|
|
2013-07-20 22:25:58 +00:00
|
|
|
$(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" frameborder="0"/>');
|
2013-07-20 21:50:52 +00:00
|
|
|
|
2013-07-20 22:25:58 +00:00
|
|
|
return false;
|
|
|
|
});
|
|
|
|
};
|
|
|
|
do_embed_yt(document);
|
|
|
|
|
|
|
|
// allow to work with auto-reload.js, etc.
|
|
|
|
$(document).bind('new_post', function(e, post) {
|
|
|
|
do_embed_yt(post);
|
|
|
|
});
|
2013-07-19 23:06:27 +00:00
|
|
|
});
|
|
|
|
|