Я слышал, что нет возможности закрыть HTML5 видеоплеер. Поэтому я написал альтернативный способ. С помощью следующего кода дважды щелкните любой символ в этих предложениях, видео начнется воспроизведение с фиксированной временной позиции (100 se c) в пространственной позиции, в которой вы бы дважды щелкнули. Затем нажмите любую клавишу, чтобы остановить видео и стереть видео проигрыватель.
Но в этом способе используется window-refre sh (window.location.reload ()), и поэтому он не приятен для глаз. Интересно, есть ли альтернативы, нежные для глаз.
Мой код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
video {
display: none;
position: fixed;
}
</style>
</head>
<body>
<video></video>
<li>Double click on any character of these sentences.</li>
<li>A video will start playback from a fixed temporal position (100 sec)
<li>at the spatial position where you would double-click.</li>
<li>Next, press any key to stop the video and erase the video player.</li>
<script>
document.addEventListener('DOMContentLoaded', (e) => {
//PLAYBACK VIDEO
document.querySelector('body').addEventListener('dblclick', (e) => {
const video = document.querySelector('video');
video.controls = true;
video.width = "200";
video.autoplay = true;
video.src="https://archive.org/download/BigBuckBunny_328/BigBuckBunny.ogv#t=100";
video.style.display = 'block';
video.style.left = e.clientX + 'px';
video.style.top = e.clientY + 'px';
});
// CLOSE PLAYER
document.querySelector('body').addEventListener('keypress', (e) => {
window.location.reload();//<<--- LOOK AT THIS!!!
});
});
</script>
</body>
</html>