This commit is contained in:
Korbs 2023-11-09 00:47:48 -05:00
parent 548eb0460e
commit 0ee31030d2
No known key found for this signature in database
9 changed files with 771 additions and 47 deletions

View file

@ -1,23 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Plyx Player</title>
<link rel="stylesheet" href="/src/styles/app.css">
<script src="/src/index.js" type="module"></script>
<script src="/src/icons/fa-kit/js/all.js" crossorigin="anonymous"></script>
</head>
<body>
<p>Plyx Player <span>By SudoVanilla</span></p>
<div class="video-container">
<video class="plyx-player" src="ennie yoyki completo-S50_Iv43y_w.webm"></video>
</div>
<div class="video-container">
<video class="plyx-player" src="ennie yoyki completo-S50_Iv43y_w.webm"></video>
</div>
<div class="credits">
<p><a href="https://youtu.be/MuyJtxzyU3o">Ennie and Yoyki: Ungirly Games</a> <span>By Lenar Mingazov</span></p>
</div>
</body>
<head>
<title>Plyx Player</title>
<link rel="stylesheet" href="/src/styles/app.css">
<script src="/src/index.js" type="module"></script>
<script src="/src/icons/fa-kit/js/all.js" crossorigin="anonymous"></script>
</head>
<body>
<p>Plyx Player <span>By SudoVanilla</span></p>
<div class="video-container">
<video class="plyx-player" layout="default">
<!-- Quality changer support has not been worked on yet -->
<source label="720p" src="ennie yoyki completo-S50_Iv43y_w.mp4" type="video/mp4">
<source label="480p" src="480.mp4" type="video/mp4">
<!-- Caption support has not been worked on yet -->
<track src="English.vtt" kind="subtitles" srclang="en" label="English">
<track src="Russian.vtt" kind="subtitles" srclang="ru" label="Russian">
</video>
</div>
<div class="credits">
<p><a href="https://youtu.be/MuyJtxzyU3o">Ennie and Yoyki: Ungirly Games</a> <span>By Lenar Mingazov</span></p>
</div>
</body>
</html>
<!-- Change colors in the player -->
@ -30,6 +34,7 @@
}
</style>
<!-- The following below is just for the test page -->
<style>
body {
background: #090909;
@ -89,4 +94,14 @@ span {
a {
color: white;
}
.video-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1800px;
width: calc(100% - 48px);
}
</style>