39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
|
document.querySelector('a#play-fullscreen').addEventListener('click', event => {
|
||
|
|
var video = document.createElement('video')
|
||
|
|
video.classList.add('player')
|
||
|
|
video.src = 'https://pad.ma/' + film.id + '/480p.webm'
|
||
|
|
video.controls = true
|
||
|
|
document.querySelector('main').appendChild(video)
|
||
|
|
video.style.display = 'none'
|
||
|
|
function enterFullscreen(event) {
|
||
|
|
video.requestFullscreen().catch(err => {
|
||
|
|
console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
|
||
|
|
});
|
||
|
|
video.removeEventListener('play', enterFullscreen);
|
||
|
|
setTimeout(() => {
|
||
|
|
video.style.display = 'block'
|
||
|
|
}, 150)
|
||
|
|
}
|
||
|
|
video.addEventListener('play', enterFullscreen);
|
||
|
|
video.addEventListener('fullscreenchange', event => {
|
||
|
|
if (!document.fullscreen) {
|
||
|
|
video.remove()
|
||
|
|
if (document.fullscreenElement) {
|
||
|
|
document.exitFullscreen();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
video.addEventListener('pause', event => {
|
||
|
|
})
|
||
|
|
video.addEventListener('ended', event => {
|
||
|
|
video.remove()
|
||
|
|
if (document.fullscreenElement) {
|
||
|
|
document.exitFullscreen();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
video.play()
|
||
|
|
|
||
|
|
event.preventDefault()
|
||
|
|
event.stopPropagation()
|
||
|
|
})
|