From 3563e35c489686313bd508e1ab3cbe91269574b5 Mon Sep 17 00:00:00 2001 From: Minsu Kim Date: Sun, 31 Mar 2024 16:49:28 +0000 Subject: [PATCH] :egg: --- assets/js/plyr/init.js | 49 ++++++++++++++++----------------------- plyr/player.html | 52 +++++++++++++++++++++++++----------------- 2 files changed, 51 insertions(+), 50 deletions(-) diff --git a/assets/js/plyr/init.js b/assets/js/plyr/init.js index 39f31e7..b4cde18 100644 --- a/assets/js/plyr/init.js +++ b/assets/js/plyr/init.js @@ -1,36 +1,27 @@ -let params = Object.fromEntries(new URLSearchParams(location.search).entries()); - -let { src, poster } = params; +document.querySelector(".container").innerHTML = ` + +`; -let autoplay = params.autoplay || 0; -let controls = params.controls || 1; -let loop = params.loop || 0; +let player = new Plyr("video", { controls: "" }); +window.player = player; -let attr = ""; -let options = {}; +// -------------------------- -if (controls == 0) { - options = { controls: "" }; -} else { - attr += "controls "; -} +function loadnormal() { + document.querySelector(".container").innerHTML = ` + + `; -if (autoplay == 1) { - attr += "autoplay muted "; - options = { controls: "" }; -} + document.querySelector('video').removeEventListener('ended', loadnormal); -if (loop == 1) { - attr += "loop"; + let player = new Plyr("video", { controls: "" }); + window.player = player; } -document.querySelector(".container").innerHTML = ` - -`; - -const player = new Plyr("video", options); -window.player = player; +document.querySelector('video').addEventListener('ended', loadnormal); \ No newline at end of file diff --git a/plyr/player.html b/plyr/player.html index 958e1fe..6a71c24 100644 --- a/plyr/player.html +++ b/plyr/player.html @@ -1,24 +1,34 @@ - - - - - Plyr Video Player - - - - -
- - - - + + + + + Plyr Video Player + + + + + +
+ + + + + + \ No newline at end of file