JW Player

<script src="https://cdn.jwplayer.com/libraries/xxxxxx.js"></script>

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

<!-- The name of your Mux Assets Custom Field below: -->
{mux_asset_field}

        <div id="video_local_{uid}"></div>

        <script>
            var playerInstance = jwplayer("video_local_{uid}");
            playerInstance.setup({
                playlist: [

                    // Add a Single video to playlist.
                    {
                        "file"  : '{playback_url}',
                        "image" : '{thumbnail_url}',
                        "title" : 'First: {uid}',
                        "description" : "The first Video.",
                    },

                    // This will loop through clips created from this asset.
                    {clips}
                    {
                        "file": "{clip_playback_url}",
                        "image": "{clip_thumbnail_url}",
                        "title": "clip: {clip_uid}",
                        "description" : "Video Clip.",
                    },
                    {/clips}

                    // This will loop through recordings made from a live stream ID.
                    {recordings}
                    {
                        "file": "{recording_playback_url}",
                        "image": "{recording_thumbnail_url}",
                        "title": "Rec: {recording_uid}",
                        "description" : "Stream Recording.",
                    },
                    {/recordings}
                ]
            });
        </script>
        {/if}

{/mux_asset_field}

{/exp:channel:entries}
</body>
</html>