Bug: Unable to hide captions by default in Safari on iPhone

[palmersoft-uk]

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

Which browsers are you using?

Safari on iOS

Which operating systems are you using?

iOS

Description

Similar to #1019

<mux-player class="mx-auto h-full" stream-type="on-demand" playback-id="abc123" primary-color="#E55E2C" accent-color="#F4E6DF" thumbnail-time="1" metadata-video-title="my video" metadata-viewer-user-id="test-user" preload="auto" default-hidden-captions></mux-player>

Using the above code, I would expect the captions to be hidden by default, however, this is not the case on Safari on iPhone.

Safari/iOS Version 18.5

The issue I linked to above suggested using prefers-playback="mse" which unfortunately is not available on iOS for iPhone.

Reduced test case

No response

Steps to reproduce

1. Upload Video to Mux, ensure that you set it to generate the subtitles
2. Use Mux Player to add it to a page
3. View the page on an iPhone device

Current Behavior

Shows the captions automatically

Expected Behavior

For the captions to be hidden by default

Errors

No response

What version of the package are you using?

v3.5.0

[palmersoft-uk]

FYI - It is possible to disable them using JS once the video is playing.

I'm using vueJS

    muxPlayerRef.value.addEventListener('playing', () => {
        const video = muxPlayerRef.value.media.nativeEl;
        for (let i = 0; i < video.textTracks.length; i++) {
            if (video.textTracks[i].kind === 'subtitles' || video.textTracks[i].kind === 'captions') {
                video.textTracks[i].mode = 'disabled';
            }
        }
    });

However, this then means if the user wants to turn them off, in the UI they first need to turn off the CC and then turn them back on.