Как сделать так чтобы после того, как закончилось видео? И если не сложно, как скрыть этот значок видео?)(видео появляется после того, как нажали на кнопку)
<!DOCTYPE html>
<html lang="en">
<head>
<link rel = "stylesheet" type = "text/css" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Орел и решка</title>
</head>
<body>
<video class = "video" controls autoplay></video>
<button class="button">Бросок!</button>
<h1 id = "out"></h1>
<script src="script.js"></script>
</body>
</html>
let monetka = "монетка.mp4"
let video = document.querySelector('video')
let button = document.querySelector('button');
button.onclick = function () {
video.src = monetka;
let i = "Решка!"
let o = "Орёл!"
let random = Math.floor(Math.random()*2);
if (random === 0) {
document.getElementById('out').innerHTML = i;
} else {
document.getElementById('out').innerHTML = o;
}
}
Простой
