diff --git a/pkg/nebula/components/marketing/modals/intro_video.templ b/pkg/nebula/components/marketing/modals/intro_video.templ
index 787cce686..4a4a7cd5a 100644
--- a/pkg/nebula/components/marketing/modals/intro_video.templ
+++ b/pkg/nebula/components/marketing/modals/intro_video.templ
@@ -116,32 +116,7 @@ seconds: result.substring(6, 8),
 };
 }
 }"
-		x-init="
-supportsVideo = document.createElement('video').canPlayType;
-if (!supportsVideo) {
-alert('This browser does not support the video element');
-}
-$refs.player.load();
-// Hide the default player controls
-$refs.player.controls = false;
-$watch('playing', (value) => {
-if (value) {
-ended = false;
-controlsHideTimeout = setTimeout(() => {
-controls = false;
-}, autoHideControlsDelay);
-} else {
-clearTimeout(controlsHideTimeout);
-controls = true;
-}
-});
-if (!document?.fullscreenEnabled) {
-$refs.fullscreenButton.style.display = 'none';
-}
-document.addEventListener('fullscreenchange', (e) => {
-fullscreen = !!document.fullscreenElement;
-});
-"
+		x-data="introVideo"
 		x-ref="videoContainer"
 		@mouseleave="mouseleave=true"
 		@mousemove="mousemoveVideo"