Vimeo not working properly in safari on both mobile and desktop.

We have an issue with Vimeo and safari on both mobile and desktop, clashing with the hummingbird. When the video has a domain-level restriction, it cannot be viewed on safari – it says access is restricted. This is the response from Vimeo

“- We rely on the referrer header passed by the website to determine
whether or not the embedded video can be viewed. If the referrer is
incorrect, or if there is no referrer, the video will show the
permission error you’re seeing.
– The iframe does not send a referrer header when on Safari using the lazy loading function.
– In order to resolve this, you can either change the data-src attribute to
src, or remove the domain-level privacy on the video in its settings
page.”

I can verify that deactivating hummingbird resolves the issue, however, the site really does rely on the hummingbird, and we can’t leave it. We also can’t remove the privacy settings, it’s a legal services site, and having the videos public is not an option. How can we adjust things so that those videos are still viewable on safari? Please check and help.

  • Predrag Dubajic
    • Support

    Hi Amanda ,

    Since the message you shared mentions Lazy Loading I’ve disabled Lazy Load for iframes in Smush > Lazy Load panel and the videos were loading properly on Safari after that, even with Humminbird enabled.

    But since I’m not 100% sure that I’m not missing anything I’ve disabled Hummingbird for now, so could you re-activate it, check the pages and see if they are working properly.

    Since the message also suggests changing data-src to src, if you’re still having issues after Hummingbird is enabled, can you try using embed code instead of the direct link to Vimeo video?
    You can get that from your video page on Vimeo and the code would look something like this:
    <iframe src="https://player.vimeo.com/video/412269465" width="640" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    Now edit your page, remove the Vimeo element and add HTML element with WP builder and paste that code in there.

    Let us know how it goes.

    Best regards,
    Predrag