Vimeo fullscreen

[Creativecure]

Hello, good day.

I have a problem with the fullscreen button, it doesn’t appear.

I placed a Vimeo iframe using raw content.

I copied the Vimeo share link
.
<iframe src="https://player.vimeo.com/video/383850039" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"></iframe>

Even I added the webkit and moz code. but stills doesn´t appear the button.

In the design page it does appear.

Even if you check the source code it’s also there

What is wrong?

In Vimeo the video has the fullscreen control set on.

Thanks for any help.

[Creativecure]

Update.

This only happens with Chrome. I’ve tested in Firefox, Safari ande Edge and it works. Does any one has the same issue?

As far as I have found, there is an issue with Vimeo and iframes. Vimeo doesn’t show the fullscreen button if the iframe doesn´t have and allow the fullscreen.

I have added to the function.php in the Child theme a Google Tag manager it has an iframe call.

// Add Google Tag Manager Code in Body
// =============================================================================
function my_custom_tag_manager_body(){
?>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=XXXXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<?php 
}
add_action( 'x_before_site_begin', 'my_custom_tag_manager_body' );

But if you check the source code, there is an open call to an iframe

Then I have the call to the Vimeo iframe, posted above.

As you can see, in both cases there is a open call to an iframe, but it never closes.

The insert call video is fine, also the Google tag. Somehow something adds another open iframe tag.This iframe order makes, the video doesn’t allow full screen and Vimeo disappear the fullscreen button.

[Creativecure]

Solved.

I was using the embebed code. I change the Classic video player for just video, and select the player option, place the URL and worked fine. As the previous analisis I did, the problem is the iframe that it’s added. Hope this helps anyone with the same issue.

[friech]

Hi @Creativecure,

Glad you sorted things out, I tested your iframe code on my end with Classic Embedded Video element and Video element and the fullscreen button shows up and works fine.

• 

Maybe there is something on your content that messing up the video iframe code.

Cheers!

[Creativecure]

The problem was solved, with the Video component, I can avoid using iframes.

The extra iframe call still remains in the Google Tag. You can check the source code.

My code and content is totally generated by Wordpress using the Pro Child theme and Pro, so there is something that add this.

Cheers!

[friech]

Hi @Creativecure,

Glad you figured a workaround, I’ve tested your custom function as well and I did not get the double iframe issue on my end.

• 

That means it’s not the Wordpress nor the Theme is messing it. If it’s not a broken markup content, it’s possible that it could be one of your plugin or any of your optimization features. Notice that class="lazyload" on your screenshot that is something a plugin or site optimization will add.

Thanks,

[Creativecure]

Ok, probably is that. I’ll check what else can be.
Thanks