diff --git a/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte b/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
index 4b24316232..40276110f4 100644
--- a/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
@@ -14,7 +14,7 @@
 		showControlsTimeout = setTimeout(() => showControls = false, 2500);
 		showControls = true;
 
-		if (e.which !== 1) return; // mouse not down
+		if (!(e.buttons & 1)) return; // mouse not down
 		if (!duration) return; // video not loaded yet
 
 		const { left, right } = this.getBoundingClientRect();
@@ -124,4 +124,4 @@
 			<span class="time">{format(duration)}</span>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte b/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
index 59e3dbe0c7..8712d6718b 100644
--- a/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
@@ -14,7 +14,7 @@
 		showControlsTimeout = setTimeout(() => showControls = false, 2500);
 		showControls = true;
 
-		if (e.which !== 1) return; // mouse not down
+		if (!(e.buttons & 1)) return; // mouse not down
 		if (!duration) return; // video not loaded yet
 
 		const { left, right } = this.getBoundingClientRect();