diff --git a/packages/experiments/src/routes/(feed)/up-down/[id]/+page.svelte b/packages/experiments/src/routes/(feed)/up-down/[id]/+page.svelte index 6c0ae3741..5da09101e 100644 --- a/packages/experiments/src/routes/(feed)/up-down/[id]/+page.svelte +++ b/packages/experiments/src/routes/(feed)/up-down/[id]/+page.svelte @@ -129,7 +129,7 @@ beforeNavigate(() => { on:videoUnavailable={() => handleUnavailableVideo(index)} {index} {unavailable} - playFormat="hls" + playFormat="mp4" inView={index == currentVideoIndex && $playerState.visible} uid={post.video_uid} /> diff --git a/packages/experiments/src/routes/(feed)/up-down/votes/[voteId]/+page.svelte b/packages/experiments/src/routes/(feed)/up-down/votes/[voteId]/+page.svelte index 08801709c..c27e47372 100644 --- a/packages/experiments/src/routes/(feed)/up-down/votes/[voteId]/+page.svelte +++ b/packages/experiments/src/routes/(feed)/up-down/votes/[voteId]/+page.svelte @@ -77,7 +77,7 @@ beforeNavigate(() => { removeSplashScreen()} index={0} - playFormat="hls" + playFormat="mp4" inView uid={post.video_uid} /> diff --git a/packages/web-client/src/lib/components/video/VideoPlayer.svelte b/packages/web-client/src/lib/components/video/VideoPlayer.svelte index 6812094ac..ffdcbe337 100644 --- a/packages/web-client/src/lib/components/video/VideoPlayer.svelte +++ b/packages/web-client/src/lib/components/video/VideoPlayer.svelte @@ -182,6 +182,7 @@ function init() { hls?.loadSource(src) hls?.attachMedia(videoEl) hls?.on(Hls.Events.ERROR, function (event, data) { + console.error('VideoError', { event, data }) if (data?.response?.code == 404) { videoUnavailable = true dispatch('videoUnavailable') diff --git a/packages/web-client/src/routes/(feed)/feed/[id=videoId]/+page.svelte b/packages/web-client/src/routes/(feed)/feed/[id=videoId]/+page.svelte index 6b71a36b9..9e8888cb5 100644 --- a/packages/web-client/src/routes/(feed)/feed/[id=videoId]/+page.svelte +++ b/packages/web-client/src/routes/(feed)/feed/[id=videoId]/+page.svelte @@ -222,7 +222,7 @@ onDestroy(() => clearMonitoring()) on:watchedPercentage={({ detail }) => recordView(detail)} on:videoUnavailable={() => handleUnavailableVideo(index)} {index} - playFormat="hls" + playFormat="mp4" inView={index == currentVideoIndex && $playerState.visible} uid={post.video_uid} /> diff --git a/packages/web-client/src/routes/(feed)/hotornot/[id=videoId]/+page.svelte b/packages/web-client/src/routes/(feed)/hotornot/[id=videoId]/+page.svelte index 33cd688ca..3e28e1655 100644 --- a/packages/web-client/src/routes/(feed)/hotornot/[id=videoId]/+page.svelte +++ b/packages/web-client/src/routes/(feed)/hotornot/[id=videoId]/+page.svelte @@ -214,7 +214,7 @@ onDestroy(() => clearMonitoring()) on:videoUnavailable={() => handleUnavailableVideo(index)} {index} {unavailable} - playFormat="hls" + playFormat="mp4" inView={index == currentVideoIndex && $playerState.visible} uid={post.video_uid} /> diff --git a/packages/web-client/src/routes/profile/[id]/post/[postId]/+page.svelte b/packages/web-client/src/routes/profile/[id]/post/[postId]/+page.svelte index b152fcf00..a7a028de3 100644 --- a/packages/web-client/src/routes/profile/[id]/post/[postId]/+page.svelte +++ b/packages/web-client/src/routes/profile/[id]/post/[postId]/+page.svelte @@ -58,7 +58,7 @@ let { video, me } = data on:watchedPercentage={({ detail }) => recordView(detail)} {unavailable} index={0} - playFormat="hls" + playFormat="mp4" inView uid={video.video_uid} /> diff --git a/packages/web-client/src/routes/profile/[id]/speculations/[postId=videoId]/+page.svelte b/packages/web-client/src/routes/profile/[id]/speculations/[postId=videoId]/+page.svelte index 0ce507155..19535fc38 100644 --- a/packages/web-client/src/routes/profile/[id]/speculations/[postId=videoId]/+page.svelte +++ b/packages/web-client/src/routes/profile/[id]/speculations/[postId=videoId]/+page.svelte @@ -55,7 +55,7 @@ let { post, me } = data {unavailable} on:watchedPercentage={({ detail }) => recordView(detail)} index={0} - playFormat="hls" + playFormat="mp4" inView uid={post.video_uid} />