diff --git a/web/src/lib/managers/video-session-manager.svelte.ts b/web/src/lib/managers/video-session-manager.svelte.ts index ff798ee01f..8a47e98fd8 100644 --- a/web/src/lib/managers/video-session-manager.svelte.ts +++ b/web/src/lib/managers/video-session-manager.svelte.ts @@ -36,7 +36,7 @@ class VideoSessionManager { session.timer = setTimeout(() => { session.controller.release(); this.#sessions.delete(assetId); - }, 1_000); + }, 1000); } get(assetId: string): VideoController | undefined { diff --git a/web/src/lib/utils/video/controller.svelte.ts b/web/src/lib/utils/video/controller.svelte.ts index 5163795bd6..6ceae205b2 100644 --- a/web/src/lib/utils/video/controller.svelte.ts +++ b/web/src/lib/utils/video/controller.svelte.ts @@ -45,8 +45,8 @@ export class VideoController { this.#playOriginal = playOriginal; const element = document.createElement('video'); - element.playsInline = true; - element.disablePictureInPicture = true; + element.setAttribute('playsinline', ''); + element.setAttribute('disablepictureinpicture', ''); element.addEventListener('play', () => { this.loading = false; this.error = false; diff --git a/web/src/routes/(user)/memory/[[photos=photos]]/[[assetId=id]]/MemoryVideoViewer.svelte b/web/src/routes/(user)/memory/[[photos=photos]]/[[assetId=id]]/MemoryVideoViewer.svelte index 730d1fe337..2bfb594b3a 100644 --- a/web/src/routes/(user)/memory/[[photos=photos]]/[[assetId=id]]/MemoryVideoViewer.svelte +++ b/web/src/routes/(user)/memory/[[photos=photos]]/[[assetId=id]]/MemoryVideoViewer.svelte @@ -15,6 +15,7 @@ videoPlayer: HTMLVideoElement | undefined; } + // eslint-disable-next-line no-useless-assignment let { asset, videoPlayer = $bindable() }: Props = $props(); let showVideo = $state(false); @@ -34,7 +35,6 @@ {#if showVideo}
-