player
player copied to clipboard
Missing AirPlay button when used HLS source
Current Behavior:
Missing AirPlay button when played HLS video after the player has been relaoded.
Expected Behavior:
AirPlay button to be shown as it was on the first player load.
Steps To Reproduce:
- Open your demo page on Safari (for example 17.1). https://vidstack.io/player/demo/?framework=react&view=player
- Switch to HLS source
- Refresh the page
- Observe AirPlay button is there
- Change something in the code on the right. For example remove "," sign from
"playsInline": true, and re-add it. - Play again the video
Reproduction Link: How to create a repro?
Environment:
Browser: [email protected] OS: [email protected]
Also you can see the issue if you load the library statically as shown in the documentation:
import HLS from 'hls.js';
onProviderChange={(provider: MediaProviderAdapter | null, nativeEvent: MediaProviderChangeEvent) =>
if (isHLSProvider(provider)) {
provider.library = HLS;
}
}