0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge pull request 'remember video last time-code and set to that when user clicks play again on film page' (#17) from remember-video-tc into main

Browse source 
Reviewed-on: 0x2620/aab21#17
This commit is contained in:
j 2021-10-24 10:41:34 +00:00
commit 09d3dcc43d
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/static/js/film.js
View file

@ -1,4 +1,5 @@
var videoExtension var videoExtension
var continueTimecode
function setVideoSrc(video, src) { function setVideoSrc(video, src) {
var ext var ext
@ -25,6 +26,9 @@ document.querySelector('a#play-fullscreen').addEventListener('click', event => {
video.controls = true video.controls = true
document.querySelector('main').appendChild(video) document.querySelector('main').appendChild(video)
video.style.display = 'none' video.style.display = 'none'
if (continueTimecode) {
video.currentTime = continueTimecode
}
function enterFullscreen(event) { function enterFullscreen(event) {
video.requestFullscreen().catch(err => { video.requestFullscreen().catch(err => {
console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`); console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
@ -38,6 +42,7 @@ document.querySelector('a#play-fullscreen').addEventListener('click', event => {
video.addEventListener('play', enterFullscreen); video.addEventListener('play', enterFullscreen);
video.addEventListener('fullscreenchange', event => { video.addEventListener('fullscreenchange', event => {
if (!document.fullscreen) { if (!document.fullscreen) {
continueTimecode = video.currentTime
video.remove() video.remove()
if (document.fullscreenElement) { if (document.fullscreenElement) {
document.exitFullscreen(); document.exitFullscreen();
@ -47,6 +52,7 @@ document.querySelector('a#play-fullscreen').addEventListener('click', event => {
video.addEventListener('pause', event => { video.addEventListener('pause', event => {
}) })
video.addEventListener('ended', event => { video.addEventListener('ended', event => {
continueTimecode = 0
video.remove() video.remove()
if (document.fullscreenElement) { if (document.fullscreenElement) {
document.exitFullscreen(); document.exitFullscreen();