Korbs/zorn-js
1
Fork 0
Code Issues Pull requests Activity

update

Browse source
This commit is contained in:
Korbs 2024-02-25 03:16:00 -05:00
parent 398332661e
commit 63edb7268f
No known key found for this signature in database
8 changed files with 88 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

16
test/index.html
View file

@ -1,19 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Plyx Player</title>
<title>Zorn</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>
<p>Zorn <span>By SudoVanilla</span></p>
<div class="video-container">
<video class="plyx-player" layout="default">
<video class="zorn-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 -->
<!-- Caption support has not been worked on yet in custom player -->
<track src="English.vtt" kind="subtitles" srclang="en" label="English">
<track src="Russian.vtt" kind="subtitles" srclang="ru" label="Russian">
</video>
@ -27,10 +27,10 @@
<!-- Change colors in the player -->
<style>
:root {
--plyx-progress-bar-bg: rgba(85, 144, 179, 0.23);
--plyx-progress-bar:rgb(0, 195, 255);
--pylx-thumb: #7997d0;
--pylx-rounded-corners: 4px;
--zorn-progress-bar-bg: rgba(85, 144, 179, 0.23);
--zorn-progress-bar:rgb(0, 195, 255);
--zorn-thumb: #7997d0;
--zorn-rounded-corners: 4px;
}
</style>