Blank video in IOS on Mac and iPhone

[SomethingWonderful]

Hi Guys

The embedded Vimeo video at https://www.theintegratedfitpro.com/#Proactive loads on Chrome but on Safari on my Mac or in IOS on my iPhone, it just results in a blank white rectangle for some reason. Not seen this before. Also, I have put in an autoplay=1 option in the iframe embed code, but it doesn’t autoplay either on Chrome?

Is this a known bug?

S

[rad]

Hi @SomethingWonderful.

Thanks for reaching out.

I checked in my Safari and it’s just the same in chrome, the video works and yes, no autoplay. I had to manually play it.

I checked it without a builder and X theme, just the iframe code and it doesn’t really autoplay. Perhaps you can contact Vimeo about this, maybe they changed the option for autoplay.

Thanks!

[SomethingWonderful]

Hi Rad,

Are you using a native Safari browser or a developer tool? I have Safari on my Mac and its not showing, I’ve tried my MacBook and its not showing, again on my iPhone… The client can’t see it on his Mac devices either?

[rad]

Hi @SomethingWonderful,

I checked it on Mac and its Safari, but as of now, I’m able to reproduce it in X code’s device simulator and on my iPad. It’s a browser glitch, the iframe URL has to re-update once the page loads. Please add this code to your global custom javascript.

jQuery ( document ).ready ( function($) {

setTimeout ( function() {
    $('.x-video-embed iframe').each ( function() {
		
		$(this).attr('src', $(this).attr('src') + '&1' );
	
    } ); 
}, 300 );

} );

Thanks!