Archived topic
Facebook embed video will not display in Safari for iOS
5 replies · Started by Chad on February 12, 2019
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?
Hi there,
Which page is it not working on? How are you adding the videos?
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
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?
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!
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' );
} );