(BRA-4724): Video playback hls with headers on safari

[magacao]

Description

The condition shouldUseHlsLibrary would prevent safari from passing xhr headers because canPlayHlsNatively is true.

We now use canPlayHlsNatively to listen to the correct event to load the data.

          _videoElement.onCanPlay.listen((dynamic _) {

Does not work on safari. We have to use

          _videoElement.addEventListener('durationchange', (_) {

Also the videoElement.size is always 0. See this issue: flowplayer/flowplayer#1228. So we need to hardcode values on safari. I tried using the addEventListener on canplaythrough but it didn't work.

[linear]

BRA-4724 Video playback does not work on safari