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

updaet

Browse source
This commit is contained in:
Korbs 2023-10-16 17:35:27 -04:00
parent a3c15adc94
commit 6c06233cf0
No known key found for this signature in database
4 changed files with 59 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/functions/buttons.js
View file

@ -3,7 +3,14 @@ const videoContainer = document.querySelector('.video-container')
function AddControls() {
var add_controls = `
<div class="plyx-player-controls">
<div oncontextmenu="return false;" class="plyx-player-controls">
<div class="row-2">
<div class="video-progress">
<progress id="progress-bar" value="0" min="0"></progress>
<input class="seek" id="seek" value="0" min="0" type="range" step="1">
<div class="seek-tooltip" id="seek-tooltip">00:00</div>
</div>
</div>
<div class="row-1">
<div class="row-1-start">
<button id="play-pause"><i class="fa-solid fa-play"></i></button>
@ -23,16 +30,10 @@ function AddControls() {
<button id="fullscreen"><i class="fa-solid fa-expand"></i></button>
</div>
</div>
<div class="row-2">
<div class="video-progress">
<progress id="progress-bar" value="0" min="0"></progress>
<input class="seek" id="seek" value="0" min="0" type="range" step="1">
<div class="seek-tooltip" id="seek-tooltip">00:00</div>
</div>
</div>
</div>
`
video.insertAdjacentHTML("afterend", add_controls);
video.setAttribute("oncontextmenu", "return false")
}
function Util() {
@ -176,13 +177,11 @@ function Util() {
}
videoControls.classList.add('hide')
console.log('0')
}
// Show_Controls displays the video controls
function Show_Controls() {
videoControls.classList.remove('hide')
console.log('1')
}
video.addEventListener('mouseenter', Show_Controls)
video.addEventListener('mouseleave', Hide_Controls)