Feature Request: Allow access to the native html5 <video/> tag

[harshmandan]

Is there an existing issue for this?

• I have searched the existing issues

Which Mux Elements/Packages does this apply to? Select all that apply

mux-player

Description

I'm using the mux-player for drm playback. The app is written in svelte and svelte has very nice inbuilt two way bindings for video/audio elements. Since, mux-player also creates a video element inside the mux-player tag:

Is there any way to create the video element and manually pass it to the "media" slot? Maybe, something like this:

<script lang="ts">
let $muted = writable(false);
let currentTime: number

function muteUnmute() {
  $muted = !$muted;
}
</script>

<mux-player playback-id={playbackId}>
  <video on:click={muteUnmute} bind:this={myVideoEl} bind:currentTime bind:muted={$muted}>
</mux-player>

Expected Behavior

I'd love for this to be an option!