GStreamer and the Embedded video in the homepage causes local build to freeze

[Siddharth2207]

• Ok so this a bit of a subtle issue that i'm observing, when I try to build and run the linux build locally , there is an issue that if I do not navigate to the any other tab, say Settings tab or Orders, before the introductory video in the raindex app home page is rendered, I get GStreamer error and the app freezes.
  Error in the terminal :

GStreamer element appsink not found. Please install it.

** (WebKitWebProcess:27554): WARNING **: 13:35:38.991: The GStreamer FDK AAC plugin is missing, AAC playback is unlikely to work.
Unable to access the GBM device, disabling DMABuf video sink.
GStreamer element autoaudiosink not found. Please install it

(WebKitWebProcess:27554): GLib-GObject-CRITICAL **: 13:35:39.070: invalid (NULL) pointer instance

(WebKitWebProcess:27554): GLib-GObject-CRITICAL **: 13:35:39.070: g_signal_connect_data: assertion 'G_TYPE_CHECK_INSTANCE (instance)' failed

• As far as I am aware GStreamer comes preinstalled in ubuntu 22 and 24.
• Here is a video file that describes the issue I'm facing :
  Screencast from 2024-12-04 13-38-08.webm
• In the above video you can see that I enter the command to run the app build, and as soon as the app opens I navigate to the Settings tab, apply the settings and the navigate around the Orders tab. But as soon as I navigate to the raindex home page, and the video is rendered, i get the GStreamer error and the app freezes
• The bug seems to be tiggered by an embedded loom video :

  rain.orderbook/tauri-app/src/routes/+page.svelte

  Line 24 in d6bbcd2

  src="https://www.loom.com/embed/fca750f31f0a43258891cea0ddacb588?sid=21583276-742b-49d5-a7db-b6e9e01ca418"