Wrong element is full-screened when playing HLS video in Safari
This is reproducible on the MediaElement Web site if you choose the DASH input, and also on any site that uses the native-DASH or HLS functionality.
The JS calls webkitEnterFullscreen on t.media.originalNode instead of t.node. originalNode is set to display: none; for DASH at https://github.com/mediaelement/mediaelement/blob/1db45837bc7634524d7db273fbb4aa82897557a5/src/js/renderers/dash.js#L238 and for HLS at https://github.com/mediaelement/mediaelement/blob/1db45837bc7634524d7db273fbb4aa82897557a5/src/js/renderers/hls.js#L270.
Safari happily full-screens this element, but since it is set to display:none;, nothing can be interacted with. The page appears behind the invisible <video/> element, actually; in my local reproducer, that's the whole text and player. On the mejs site, the poster is what is visible.
I am going to open a pull request with the change to t.node which fixes this issue for me (tested in Safari 17 and 18), but I don't have the ability to test every single player type. More testing with other video types would be very welcome before merging it.
Source: mediaelement/mediaelement