From 7280287695b7f49ada27167ab970572c67868532 Mon Sep 17 00:00:00 2001
From: nonmakina <nonmakina@leftypol.org>
Date: Fri, 29 Jan 2021 21:30:55 -0600
Subject: [PATCH] youtube.js: iterate over nodes

---
 js/youtube.js | 47 ++++++++++++++++++++---------------------------
 1 file changed, 20 insertions(+), 27 deletions(-)

diff --git a/js/youtube.js b/js/youtube.js
index 8a9483f3..21ab683e 100644
--- a/js/youtube.js
+++ b/js/youtube.js
@@ -23,40 +23,33 @@
 */
 
 onReady(function() {
-	let do_embed_yt = function(tag) {
-		$('div.video-container a', tag).click(function() {
-			let 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);
+		let videoId = videoNode.data('video');
+		let span = $("<span>[Embed]</span>");
+		let 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"/>');
-
-			const ON = "[Remove]";
-			const OFF = "[Embed]";
-
-			let videoNode = $('div.video-container', tag);
-			let videoId = videoNode.data('video');
-			let span = $("<span>[Embed]</span>");
-			let 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){
-					embedNode.remove();
-					span.text(OFF);
-				} else {
-					videoNode.append(embedNode);
-					span.text(ON);
-				}
-			});
+		span.click(function() {
+			if (span.text() == ON){
+				embedNode.remove();
+				span.text(OFF);
+			} else {
+				videoNode.append(embedNode);
+				span.text(ON);
+			}
 		});
 
 		videoNode.append(span);
-	};
-	do_embed_yt(document);
+	}
+
+	$('div.video-container', document).each(addEmbedButton);
 
 	// allow to work with auto-reload.js, etc.
 	$(document).on('new_post', function(e, post) {
-		do_embed_yt(post);
+		$('div.video-container', post).each(addEmbedButton);
 	});
 });