Hls Generated With Gst (ts M3u8) Not Playing On Safari (but Working On Chrome)

i'm trying to use gst to generate an hls video from frames within an existing pipeline. once i get the frame as a numpy array i use the following to create the ts and m3u8 file :

Solution 1:

So to make it work i set the profile to high and added an audio over the video.