Header video not playing in Safari

Support
#1

Hi guys,

I am using a video in a copy of the HERO header template in PRO. The video is supplied in webm, mp4 and ogv formats and plays fine in all browsers except Safari.

The site is: https://evertechnology.com

I have even disabled the background upper layer as this was thought to be a bug at one stage.

Any ideas??

Kindest regards,

Doug

#2

Hello There,

Thank you for the very detailed post information. I have investigated your site in Safari and I can confirm that the video is not loading. You can check it here: http://prntscr.com/gfpdu1

It seems that your .mp4 file has been corrupted which does not play in Safari. Do you have the original video file? Please download HandBrake (https://handbrake.fr/) and convert your video to .mp4 format. Re upload it and insert the new video file in your header.

Please let us know how it goes.

#3

Thanks for your input.

The .mp4 wasn’t corrupted. I produced the file myself out of Adobe Premiere Pro and after your suggestion decided to do some further investigation. Here’s what I found:

  1. The mp4 file played fine in Safari locally on my computer.

  2. I also played fine in Safari once I sourced the file directly from my server - rather than from KeyCDN.

  3. So I excluded *.mp4 files from being served thru the CDN.

It’ll cost me some bandwidth from the server, but at least it’s only for safari users. .webm files work fine when served thru the CDN.

I’ll do a little more experimenting. Maybe the CDN can cope with .mp4 at a lower bit rate, or file size, or …

Thanks again for your input.

Doug.

#4

Thanks for letting us know!