Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #750937

    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,
    Jurgen

    #753099
    #753313

    Hi Andy,

    I have uploaded both files:
    – /wp-content/uploads/2017/02/ringring-landing.webm
    – /wp-content/uploads/2017/02/ringring-landing.mp4

    I 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,
    Jurgen

    #755137

    Hi,

    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,
    Andy

    #755235

    Hello,

    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!
    Jurgen

    #755268

    Hi,

    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,
    Andy

    #758284

    Hi 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,
    Jurgen

    #758961

    Hi,

    have you got this issue with another WP theme as well?

    Best regards,
    Andy

    #760075

    Hello,

    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,
    Jurgen

    #760198

    Hi,

    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,
    Andy

    #760224

    Hi Andy,

    It’s WP standard (check my WP Codex link).
    Thx for making it work in a similar way with Enfold.

    Best regards,
    Jurgen

    #760935

    Hi,

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.