From 158a7c0e79a7d0e8000e8797a277c3fdbf463e0d Mon Sep 17 00:00:00 2001
From: Michael Foster <savetheinternet@tinyboard.org>
Date: Fri, 19 Jul 2013 19:06:27 -0400
Subject: [PATCH] Experimental / Proof-of-concept: Don't load the YouTube
 player unless the video image is clicked.

---
 js/youtube.js | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 js/youtube.js

diff --git a/js/youtube.js b/js/youtube.js
new file mode 100644
index 00000000..482a9bc8
--- /dev/null
+++ b/js/youtube.js
@@ -0,0 +1,34 @@
+/*
+* 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();
+*	$config['embedding'][] = array(
+*		'/^https?:\/\/(\w+\.)?youtube\.com\/watch\?v=([a-zA-Z0-9\-_]{10,11})(&.+)?$/i',
+*		'<div class="video-container" data-video="$2"><a href="$0" target="_blank" class="file"><img style="width:360px;height:270px;" src="http://img.youtube.com/vi/$2/0.jpg"/></a></div>'
+);
+*   $config['additional_javascript'][] = 'js/jquery.min.js';
+*   $config['additional_javascript'][] = 'js/youtube.js';
+*
+*/
+
+
+onready(function(){
+	$('div.video-container a').attr('href', 'javascript:void(0)');
+	$('div.video-container').click(function() {
+		var videoID = $(this).data('video');
+		
+		$(this).html('<iframe style="float:left;margin: 10px 20px" type="text/html" width="360" height="270" src="http://www.youtube.com/embed/' + videoID + '?autoplay=1" frameborder="0"/>');
+	});
+});
+