[Resolved] Facebook embed video will not display in Safari for iOS

[Chad]

Hello all,

For my video blog posts, I am embedding Facebook Live videos. Everything renders fine except Safari for iOS, where the video embeds do not show up at all. I have tried the WP Facebook embed feature in the 2019 theme, and it works fine in Safari for iOS. So, I know the problem is with the GeneratePress theme. Any help?

[Tom]

Hi there,

Which page is it not working on? How are you adding the videos?

[Chad]

Hey Tom,

I am using the Facebook embed (video URL), as well as attempting the general embed function in the blog post block.

Homepage:
http://www.candidates.vote/

Affected blog post example:
http://www.candidates.vote/2018/11/25/hello-from-your-candidates-vote-team/

You will see that the video plays on Safari for desktop, Chrome for desktop and mobile–but will not show on Safari for mobile.

Thanks! Chad

[Tom]

Hey Chad,

I just checked this out on an iPhone 8 using Safari and the video loaded for me. I also tried on my iPad with no issues.

Any chance you can test this issue on another device?

[Chad]

Hi Tom,

Thank you for checking this out. Apparently, the problem lies with the fact that I am on the iOS public beta running iOS 12.2. FYI – the Facebook video embed does run on iOS 12.2/Safari mobile using the 2019 theme, so you may want to check into compatibility with iOS 12.2/Safari mobile. I tested on devices running iOS 12.1.3 and everything worked fine (should have done this earlier). I am reporting this to Apple as well.

Thanks again!

[Tom]

Hmm, I’m not aware of anything embed related in the 2019 theme.

The only thing I can think of that would be different is they load the additional Gutenberg styles by default, which we can do with a function:

add_action( 'after_setup_theme', function() {
    add_theme_support( 'wp-block-styles' );
} );

[Author]

Posts