Black screen but have sound in iOS safari browser when i try to use HLS Live Streaming(.m3u8) in panorama example

Everything works fine for Android and PC using HLS.js.
But in iOS safari 15.4 browser shows black screen with sound.
The <video> element actually has image when the screen is black.
No any exceptions or warning in console.
I tried .mp4 and .m3u8 videos and they all work fine.
Only HLS Live Streaming(.m3u8) has this problem.
This is my demo.
three pano.zip (347.9 KB)
Change the videoSrc in index.html line 67 to a available HLS Live Streaming path.

Strangely enough,but it`s work fine in iPod Touch iOS 12.5.5.