Weird issue with video

So I'm using WPEngine, which has a staging and production environment. My sites at this moment are exact replica's of each other (I just migrated my staging site to production).

If you go to the staging site, the videos work. Same pages, same site, same everything, not showing up in production. The code is even displaying in the developer inspector.

Ex 1:
Staging: http://draytongroup.staging.wpengine.com/dry-ice-blasting/
Production: https://draytongroupinc.com/dry-ice-blasting/

Ex 2:
Staging: http://draytongroup.staging.wpengine.com/history/
Production: https://draytongroupinc.com/history/

My mind is baffled. Hopefully somebody has some insight into this.

  • faydra_deon
    • WordPress Warrior

    I see that these are Vimeo videos.

    On my Vimeo account, I have it set that my videos are hidden from public view on Vimeo and that my videos can only be embedded and viewed on certain domains.

    Is this, by chance, a setting you have on your Vimeo videos? Is it possible that the staging domain isn't set to show the videos?

    Faydra...

      • faydra_deon
        • WordPress Warrior

        No worries. There was a time when the Support staff didn't have the capability to actually look at the backend of users' sites from the start of a thread, so they were pretty much on the same footing as regular members who were trying to help out. Now, I find that I end up looking stupid when trying to help, because they have more information [as they should because they're actual employees] to go on to troubleshoot your issue than we regular members do. Apologies for wasting your time.

  • Luís
    • Support

    Hi Matt ,

    Hope you're doing well today!

    From what I checked on your website, it seems to be some issue with the CSS, video is there and is public, but is not being displayed properly. Can you try add this code to fix it?

    .video-container {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        padding-bottom: 56.25%;
        height: 0;
    }

    If you don't know, you should always avoid change the original CSS files, in order to don't lose it all when you make an update. So, we recommend use a plugin to add custom CSS:

    https://wordpress.org/plugins/simple-custom-css/

    If this doesn't solved the issue, can you give us access to your admin panel, so we can investigate further?

    If you don't already know, please, follow the link below, to see how enable the staff login:

    http://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    When you enable this option, please post again!

    Cheers, Luís

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.