MEDIA_ERR_DECODE error when switching DRM video source on iOS devices

[ion-cojocaru]

Hi Video.js Team,

I am encountering an issue where using the same video element and playing DRM content on iOS devices leads to a MEDIA_ERR_DECODE error when switching the video source. Here are the details of my setup:

• Video.js: Version: 7.20.3
• videojs-contrib-eme: Version: 5.1.1
• Streaming protocol: HLS
• Stream segment format: .m4s

Steps to Reproduce:

1. Initialize Video.js with a DRM-protected video source.
2. Play the video on any iOS Safari browser.
3. Change the video source to another DRM-protected video.
4. Attempt to play the new video.

Expected Behavior:
The new video should play without errors.

Actual Behavior:
A MEDIA_ERR_DECODE error occurs when attempting to play the new video source on iOS devices.

Additional Information:

• This issue seems specific to iOS devices.
• Not encountered on MacOS
• I have created a codebox to reproduce the issue.
• The code is from pallycon DRM integration example. The difference is that they are using .ts segment formats and they receive the initData in the getContentId callback in the skd format while I receive it in the sinf format. Do I have to parse it somehow or should I leave it as it is?

Has anyone encountered this issue before or have any suggestions on how to resolve it?

Thank you for your help!