Vimeo embed fullscreen button missing

[simondm]

When I add a video from Vimeo as a portfolio item in Joyn, the fullscreen button doesn’t appear. I’ve activated it in the embeds settings on vimeo.
I’ve searched the forum here but nothing worked for me, also found this on vimeo’s forums: https://vimeo.com/forums/help/topic:277610

Any idea why it won’t appear? I’ve checked the JS code and these 3 elements are present: webkitallowfullscreen mozallowfullscreen allowfullscreen

Is there a simple way to solve this? Any custom JS to add in the theme options?

Thanks

[Mohammad – SUPPORT]

Hi,
Please paste this code at functions.php of child theme.

function sf_video_vimeo( $url, $width = 640, $height = 480 ) {
$url = str_replace( 'https://', 'http://', $url );
$video_id = sf_get_vimeoid( $url );
$vimeo_params = apply_filters( 'sf_vimeo_embed_params', '?title=0&byline=0&portrait=0' );

$video_padding = ( intval( $height, 10 ) / intval( $width, 10 ) ) * 100;
$inline_style = 'padding-bottom: ' . $video_padding . '%;';

if ( $video_id == "" ) {
return '<div class="sf-video-wrap">' . __( "Video not found", "swiftframework" ) . '</div>';
}

if ( is_ssl() ) {
return '<div class="sf-video-wrap" style="' . $inline_style . '"><iframe itemprop="video" class="video-embed" src="https://player.vimeo.com/video/' . $video_id . $vimeo_params . '" width="' . $width . '" height="' . $height . '" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe></div>';
} else {
return '<div class="sf-video-wrap" style="' . $inline_style . '"><iframe itemprop="video" class="video-embed" src="http://player.vimeo.com/video/' . $video_id . $vimeo_params . '" width="' . $width . '" height="' . $height . '" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe></div>';
}
}

Thanks
Mohammad

[simondm]

Awesome, thanks Mohammad!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad