Facebook Video Embeds not working

  • Hi All.

    Trust you are well. Thanks in advance for your time.
    Im using the the latest versions of OceanWP and WordPress (updated today).
    No matter which approach I try to embed a Facebook video into a post, I always get either a blank block or a blockquote of the videos description, no player or visual. Ive tried turning off all plugins and switching templates. In the default built-in wordpress templates nothing displays, not even the blockquote regardless of method I try.

    The methods I have tried are: Manual embed code pasted into HTML wordpress block aswell as an html elementor block. I have tried using various plugins with shortcodes, those didnt work either. Ive also tried just pasting the link into the body, which produces the same blockquote but no player.

    Has Facebook perhaps made a very recent tweak devs havent caught up to or is there something in the theme defining the way facebook videos are embedded?

    Have tried everything and scoured everywhere. Any help would be much appreciated. Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • bluesky10

    (@jouielovesyou)

    On what browser? I experience that on Mozilla Firefox.

    Thread Starter deebeedee011

    (@deebeedee011)

    That’s interesting. After posting this last night i thought of trying some other devices and browsers. For its happening always on chrome on my PC (latest version) and sometimes on Firefox.

    On my phone (p20 lite) and chrome, the videos always load.

    On my ipad (old one) on chrome, the videos always load.

    In all cases when the video loads, the blockquote of the video is first displayed then is replaced by the video player.

    I’m clueless. Ive gone back to another website i built some time back and the same thing is happening. But with a different theme and plugin altogether. ??

    Hello @deebeedee011 and @jouielovesyou,

    Like @deebeedee011 pointed out, the issue is browser related and will affect any theme since the styling for Facebook videos is coming directly from Facebook (you can use the browser inspector to confirm this). There is also the sound issue with some browsers and Facebook embedded videos.

    Unfortunately, there is absolutely nothing we can do about this on our end, but for the display issue, please try adding this code to the Custom CSS field in the Customizer (Appearance > Customize > Custom CSS/JS) and see if it least fixes the display issue:

    .wp-embed-responsive .wp-block-embed .wp-block-embed__wrapper:before {
position: relative;
}

    Let us know if this was helpful

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Facebook Video Embeds not working’ is closed to new replies.