-
Posts
-
Hello,
While setting up a color section with a background video, I uploaded a .webm file but then for example Safari does not show it as this file format is not supported. Is there a way to have a fallback to an mp4 file? I already put the mp4 variant with the same file name in the same directory but still Safari is not displaying the movie…
Thanks!
Best regards,
JurgenHey Jurgen,
refer to: https://kriesi.at/support/topic/colour-section-background-video-safari-does-not-work/#post-305604
Best regards,
AndyHi Andy,
I have uploaded both files:
– /wp-content/uploads/2017/02/ringring-landing.webm
– /wp-content/uploads/2017/02/ringring-landing.mp4I mentioned the .webm file as video background of the color section and added the mentioned .htaccess instructions but it still doesn’t work in Safari (Firefox & Chrome play the webm file, IE not tested). I think there is a dot missing in the code at the linked page but that does not solve it…
I now selected the mp4 file again and that works (but that file is bigger so I prefer to find a solution)…
Best regards,
JurgenHi,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Make sure you’re using the newest version of Safari.
Best regards,
AndyHello,
This is the (almost live) environment: http://ringringbea1001.lin6.nucleus.be . The question is about the “landing” part on the homepage (the texting woman). Currently the mp4 has been configured so it works but it could be better if the webm would be taken first.
Yes Safari is up to date (10.0.3 on OS X Sierra).
Thanks for checking!
JurgenHi,
I found this one: https://www.reddit.com/r/apple/comments/40b3y3/this_is_how_you_can_play_webm_in_safari/
Did you try it?
Best regards,
AndyHi Andy,
Thanks for checking. I did not read every word on that page but it’s not an option to ask the visitors to install a plugin / download the movie and let them watch it in VLC or something. The movie should be playing as background video…
I think it makes perfect sense that the theme would handle the fallback by using something like the <source> tag or would serve the right file automatically, based on known browser support…
Best regards,
JurgenHello,
If a theme doesn’t set up a fallback then yes it will happen there too as a few browsers are not supporting .webm (yet) => http://caniuse.com/#feat=webm . Testing this for another theme is not relevant for this issue.
WordPress core do handles this by fallback: https://codex.wordpress.org/Video_Shortcode (but the video background is an Enfold feature which should handle this correctly).
Please handle this for a future theme update as it works for WP, but not as Enfold does this.
Best regards,
JurgenHi,
if it’s working with a default WP theme, then it’s something we could to look at, but if it’s not working for you with a default WP theme, then it’s not a theme related issue and in this case we can’t do much.
Best regards,
AndyHi Andy,
It’s WP standard (check my WP Codex link).
Thx for making it work in a similar way with Enfold.Best regards,
JurgenHi,
again: does it work for you with a default WP theme?
I found a possible solution here: https://kriesi.at/support/topic/webm-video-background-on-color-section-does-not-play/#post-363860, where you can also find an article saying that Apple does not support WebM files.
Best regards,
Andy
- You must be logged in to reply to this topic.