Player-Video/script.js at master · QuentinHuber/Player-Video · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
const video = document.querySelector('.video')
const play = document.querySelector('.play')
const volumeUp = document.querySelector('.volume-up')
const volumeDown = document.querySelector('.volume-down')
const progressBar = player.querySelector('.progress-bar');

play.addEventListener('click', () => {
    if(video.paused){
        video.play()
    }
    else {
        video.pause()
    }
})

volumeDown.addEventListener('click', () => {
    if(video.volume - 0.10 <= 0) {
        video.volume = 0
    }
    else {
        video.volume -= 0.10
    }
    console.log(video.volume)
})

volumeUp.addEventListener('click', () => {
    if(video.volume - 0.10 >= 0) {
        video.volume = 1
    }
    else {
        video.volume += 0.10
    }
    console.log(video.volume)
})