Skip to content
MuxEE Docs

Mux Player

Mux Player example. See the full docs at https://docs.mux.com/guides/video/mux-player

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Mux Player</title>


        <!-- For Mux Data load times. -->
        <script>window.muxPlayerInitTime = Date.now();</script>
        <script defer src="https://cdn.jsdelivr.net/npm/@mux/mux-player"></script>
    </head>


<body>


{exp:channel:entries channel="blog"}


<!--   Asset   -->
{mux_asset_field}
        <mux-player
            playback-id="{playback_id}"
            {if signed == true}
                playback-token="{playback_token}"
                {if audio_only == false}
                    thumbnail-token="{jpg_token}"
                    storyboard-token="{storyboard_token}"
                {/if}
            {/if}
            stream-type="on-demand"
            metadata-video-title="{name}"
            metadata-viewer-user-id="{logged_in_member_id}"
        ></mux-player>
{/mux_asset_field}






<!--   Live   -->
{mux_live_id_field}
        <mux-player
            playback-id="{playback_id}"
            {if signed == true}
                playback-token="{playback_token}"
            {/if}
            stream-type="live"
            metadata-video-title="{name}"
            metadata-viewer-user-id="{logged_in_member_id}"
        ></mux-player>
{/mux_live_id_field}


{/exp:channel:entries}


</body>
</html>