feat: minor fixes

Author: yashdesu

src/ui/svelte/VideoFetch.svelte

@@ -165,7 +165,9 @@
 			mp4boxfile.flush()
 			maybeEndOfStream()
 			// Start playback after all data is processed
-			videoElement.play().catch((e) => console.error('Play error:', e))
+			if (!isControlled) {
+				togglePlay()
+			}
 			return
 		}
 
@@ -217,15 +219,19 @@
 	}
 
 	function togglePlay() {
-		if (videoElement.value?.paused) {
-			videoElement.value
+		if (!videoElement) {
+			return
+		}
+
+		if (videoElement?.paused) {
+			videoElement
 				?.play()
 				.then(() => {
 					isPaused = false
 				})
 				.catch((e) => console.error('Play error:', e))
 		} else {
-			videoElement.value?.pause()
+			videoElement?.pause()
 			isPaused = true
 		}
 	}

src/ui/vue/VideoFetch.vue

@@ -173,8 +173,10 @@ function downloadChunk() {
 	if (nextRangeStart >= totalFileSize) {
 		mp4boxfile.flush()
 		maybeEndOfStream()
-		// Start playback after all data is processed
-		videoElement.value?.play().catch((e) => console.error('Play error:', e))
+		if (!props.isControlled) {
+			// If controlled, then it will play when clicked.
+			togglePlay()
+		}
 		return
 	}
 
@@ -224,6 +226,10 @@ function maybeEndOfStream() {
 }
 
 function togglePlay() {
+	if (!videoElement.value) {
+		return
+	}
+
 	if (videoElement.value?.paused) {
 		videoElement.value
 			?.play()