lenooby09.tech
mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
samuel.fm
1<!DOCTYPE html><meta name="viewport" content="width=device-width, initial-scale=1" />
2<style>
3 body {
4 margin: 0;
5 }
6 .container {
7 position: relative;
8 overflow: hidden;
9 width: 100vw;
10 height: 100vh;
11 }
12 .video {
13 position: absolute;
14 width: 100vw;
15 height: 100vh;
16 }
17</style>
18<div class="container"><div class="video" id="player"></div></div>
19<script>
20 const url = new URL(window.location)
21 const viewport = document.querySelector("meta[name=viewport]")
22
23 const tag = document.createElement("script")
24 tag.src = "https://www.youtube.com/iframe_api"
25 const firstScriptTag = document.getElementsByTagName('script')[0];
26 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
27
28 let player
29 function onYouTubeIframeAPIReady() {
30 let videoId = url.searchParams.get('videoId')
31 videoId = decodeURIComponent(videoId)
32 videoId = videoId.replace(/[^a-zA-Z0-9_-]/g, "")
33 if (videoId.length !== 11) throw new Error("Invalid video ID")
34
35 let start = url.searchParams.get('start')
36 start = start.replace(/[^0-9]/g, "")
37
38 player = new YT.Player('player', {
39 width: "1000",
40 height: "1000",
41 videoId,
42 playerVars: {
43 autoplay: 1,
44 start,
45 rel: 0,
46 loop: 0,
47 playsinline: 1,
48 origin: url.origin
49 },
50 });
51 }
52 function onPlayerReady(event) {
53 event.target.playVideo();
54 }
55</script>