NO BUG: Videos do not work on mobile if settings url is set to https

Bugs
1

Browser: Safari
OS: IOS
URL: https://azamaranth.nvuswebsites.com/
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

New installation of WP and Bricks.
Plugins: limited login attempts no others.
On Cloudflare.

I can add a video and view it in all browsers including IOS Safari when I have my URL set to http. Once I set it to https, I cannot edit the video or change it, or it will not view in Safari.

Process: set website to http in settings, edit home page in Bricks and add the video test it is working on mobile and desktop. Change the website to https check it is still working on mobile and desktop. Both work great. Go to home page edit with bricks, remove file choose the same file while site is in https and test on mobile and desktop. It no longer works on IOS Safari.

I have tested this on multiple versions of Bricks.

Thank you.

2

Hi Kim,
Thanks for your report!

Unfortunately, your website is unreachable, so I cannot reproduce the problem. Can you make it accessible again so that I can see the problem? I’m generally surprised that the problem only occurs in iOS/Safari.

Basically, you should use HTTPS from the start and not switch back and forth.

Best regards,
timmse

3

My apologies, I was cleaning out sites I didn’t need and deleted this one too. It is back up. Fresh wp install and fresh Bricks with child theme. Only added a page, changed url to https and added a video.

4

Hi,
I think the problem is with the video itself (possibly an unsupported codec or something else).

If you open the video URL under macOS in Safari (desktop), it will not play either: https://azamaranth.nvuswebsites.com/wp-content/uploads/2024/06/grand-canyon-ultra-wide-pan-SBV-301340000-HD.mp4

I downloaded the video and re-exported it with handbrake as a test, and it works fine.

Best regards,
timmse

1 Like
5

Thanks for checking, However, it works if the video is http but not https. I am happy to setup a duplicate site with the http video.

6

When calling up the video directly (regardless of whether http or https, Bricks or not Bricks), the console displays the following error:

Failed to load resource: Plug-in handled load

According to this stackoverflow thread, adding the following line to your htaccess should help:

SetEnvIfNoCase Request_URI .(?:mp4)$ no-gzip dont-vary

As far as I understand, it’s either a server-side + Safari issue with gzipped files, but there is also talk of codecs etc…

7

I have added the same video to the page. One was added while the site url in settings was set to https the other added when the url was set to http. One works the other does not. I added the code to the htaccess and it didn’t fix the issue. https://azamaranth.nvuswebsites.com/

8

Have you switched to a standard theme? I am fairly sure that you will get the same result. If this is the case, please get in touch with your hoster to get things sorted.

Here is a temporary link where I use your video in one of my installations (of course with https): Video with https – DEV