From c04b924d9ee717186b97616135c374062443b372 Mon Sep 17 00:00:00 2001
From: Jan Stabenow <moin@jan-stabenow.de>
Date: Wed, 4 Dec 2024 10:07:32 +0100
Subject: [PATCH] Fix videojs overlay

---
 public/_player/videojs/player.html | 45 +++++++++++-------------------
 1 file changed, 16 insertions(+), 29 deletions(-)

diff --git a/public/_player/videojs/player.html b/public/_player/videojs/player.html
index a83610b..88d9df8 100644
--- a/public/_player/videojs/player.html
+++ b/public/_player/videojs/player.html
@@ -114,36 +114,23 @@
 	var player = videojs('player', config);
 
 	if(playerConfig.logo.image.length != 0) {
-		var overlay = null;
-
-		var imgTag = new Image();
-		imgTag.onLoad = function () {
-			imgTag.setAttribute('width', this.width);
-			imgTag.setAttribute('height'.this.height);
+		const imgTag = new Image();
+        imgTag.src = playerConfig.logo.image;
+        imgTag.onload = function () {
+          	const logoWidth = imgTag.width;
+          	const logoHeight = imgTag.height;
+          	const overlayPosition = playerConfig.logo.position || 'top-left';
+          	const overlayLink = playerConfig.logo.link || '#';
+          	player.overlay({
+            	overlays: [{
+					content: `<a href="${overlayLink}" target="_blank"><img src="${playerConfig.logo.image + '?' + Math.random()}" alt="Logo" width="${logoWidth}" height="${logoHeight}"></a>`,
+              		start: 'play',
+              		end: 'pause',
+              		align: overlayPosition,
+              		showBackground: false
+           		}]
+          	});
 		};
-		imgTag.src = playerConfig.logo.image + '?' + Math.random();
-
-		if (playerConfig.logo.link.length !== 0) {
-			var aTag = document.createElement('a');
-			aTag.setAttribute('href', playerConfig.logo.link);
-			aTag.setAttribute('target', '_blank');
-			aTag.appendChild(imgTag);
-			overlay = aTag.outerHTML;
-		} else {
-			overlay = imgTag.outerHTML;
-		}
-
-		player.overlay({
-			align: playerConfig.logo.position,
-			overlays: [
-				{
-					showBackground: false,
-					content: overlay,
-					start: 'play',
-					end: 'pause',
-				},
-			],
-		});
 	}
 
 	player.ready(function() {