Youtube Player Added and half feature complete

README.md

@@ -7,4 +7,6 @@ sdk: static
 pinned: false
 ---
 
+Svelte with build command to test non-docker version - index.html points js and css to bundles generated - app.svelte used as index file in this case
+
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

bundle.css

@@ -1,4 +1,18 @@
 #videoContainer.svelte-ufd3fo{border:2px solid red;position:relative;width:720px;height:480px}#videoCanvas.svelte-ufd3fo{border:2px solid black;width:99.5%;height:99.5%;object-fit:cover}#overlayText.svelte-ufd3fo{position:absolute;top:50%;right:50%;color:green;font-style:bold;font-size:15}
 .MovingDot.svelte-12o76ak{position:absolute;width:20px;height:20px;background-color:lightgreen;border:2px black}
 .target.svelte-4yc66h{position:absolute;width:20px;height:20px;background-color:red}
+#overlayText.svelte-e0peue{position:absolute;top:3%;left:3%;color:black;background-color:white;font:bold 15;border:black solid}
+.play__btn.svelte-1srk8gt,.custom__play__btn.svelte-1srk8gt{all:unset}.play__btn.svelte-1srk8gt{display:grid;place-items:center;height:80px;width:80px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer}.custom__play__btn.svelte-1srk8gt{display:grid;place-items:center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer}
+iframe.svelte-11gebsu{height:auto;aspect-ratio:var(--aspect-ratio);width:100%}
+img.svelte-hw9fhp{height:auto;aspect-ratio:var(--aspect-ratio);width:100%}
+.you__tube.svelte-w0t24e.svelte-w0t24e{position:relative;aspect-ratio:1.76991;overflow:hidden}.v__title.svelte-w0t24e.svelte-w0t24e{position:absolute;top:0;width:100%;background:linear-gradient(to bottom, hsla(0, 0%, 0%, 0.1), transparent);pointer-events:none}.v__title.svelte-w0t24e h3.svelte-w0t24e{font-family:var(
+      --title-font-family,
+      "Segoe UI",
+      Geneva,
+      Verdana,
+      sans-serif
+    );color:var(--title-color, #ffffff);padding:0 2ch;font-weight:400;text-shadow:0px 1px 3px var(--title-shadow-color, rgb(0, 0, 0, 0.2))}.b__overlay.svelte-w0t24e.svelte-w0t24e{position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--aspect-ratio);cursor:pointer;transition:var(--overlay-transition, all 250ms ease-in-out)}.you__tube.svelte-w0t24e:hover .b__overlay.svelte-w0t24e{background:var(--overlay-bg-color, #00000030)}
+.VideoUIButton.svelte-17r32ez{color:black;border:double;font:bold;background:red;padding:1;margin-top:1px;margin-bottom:1px}
+.modal-overlay.svelte-1qa8urn{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center}.modal.svelte-1qa8urn{background-color:white;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);max-width:80%;max-height:80%;overflow:auto}.modal-header.svelte-1qa8urn{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ddd}.modal-content.svelte-1qa8urn{padding:16px}
+.button.svelte-1g3vo12{cursor:allowed}.button-at-end.svelte-1g3vo12{background-color:red;color:white;cursor:not-allowed}
 main.svelte-1tky8bj{text-align:center;padding:1em;max-width:240px;margin:0 auto}h1.svelte-1tky8bj{color:#ff3e00;text-transform:uppercase;font-size:4em;font-weight:100}@media(min-width: 640px){main.svelte-1tky8bj{max-width:none}}