Search Results for 'vimeo embed'

[David Martin – Support]

I see, WordPress allows you to wrap the URL in a shortcode to specify the width/height. Ref: https://codex.wordpress.org/Embed_Shortcode.

For example, test this:

[embed width="840" height="630"]https://vimeo.com/84230600[/embed]

[Juanma]

Hi David, In this image you can see what I want: The first video o the top, is addeed from the post meta options, and the nexts form the wordpress editor only pasting the url from vimeo or youtube. I would like the videos added from editor to be so big as the red mark, the size of first one, full with inside the container.

But I would like to make this only with inserting the URL, and no with iframes. Other themes adjust the size of embed videos automatically to the container and do it responsive without iframe code. I don’t know why your theme does not do it? (It would be more esthetic, at least to me.. I think…)

Maybe It is possible doing some changes in code?
If is not possible, What can I do?

Is important for me.
Thank you!

Attachments:

You must be logged in to view attached files.

[lkarr]

We installed the latest update, 2.5.20, but do not see the changes taking effect to allow html formatting in the excerpt boxes on our site.

The Vimeo issue we have experienced was likewise unresolved in this update. This issue was that when a Vimeo video link was embedded in the Swift Framework editor, the option to display the video fullscreen would not show up, and the video was not behaving responsively. We had to fix it by editing the “helpers.php” file, which we had to re-upload upon installing the latest update.

[David Martin – Support]

Hi,

Until we make a change within the SF plugin to add an extra filter for webkitallowfullscreen mozallowfullscreen allowfullscreen, you will need to do this:

Open the file /wp-content/plugins/swift-framework/includes/page-builder/inc/helpers.php and locate the function spb_video_vimeo(). Replace the entire function with the below.

    if ( ! function_exists( 'spb_video_vimeo' ) ) {
        function spb_video_vimeo( $url, $width = 640, $height = 480, $extra_params = '' ) {
            
            // Get video id
            $url          = str_replace( 'https://', 'http://', $url );
            $video_id     = spb_get_vimeoid( $url );

            // Variables
            $params = '?title=0&byline=0&portrait=0' . $extra_params;
            $vimeo_params = apply_filters( 'spb_vimeo_embed_params', $params );
            $video_padding = ( intval( $height, 10 ) / intval( $width, 10 ) ) * 100;
            $inline_style  = 'padding-bottom: ' . $video_padding . '%;';
            $ssl_override = apply_filters( 'spb_video_youtube_ssl', false );

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

            // Return
            $return = '';
            if ( is_ssl() || $ssl_override ) {
                $return = '<div class="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="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>';
            }
            $return = apply_filters( 'spb_video_vimeo_embed_return', $return, $video_id, $width, $height );
            return $return;
        }
    }

[eddeaux]

Hello Guys, I have this problem where I need to embed a vimeo video, but I can’t get the fullscreen option to show up even though I already added this chunk of code to my functions.php. Any ideas on what I’m doing wrong?

/* Vimeo Fullscreen Code
================================================== */
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/&#8217; . $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/&#8217; . $video_id . $vimeo_params . ‘” width=”‘ . $width . ‘” height=”‘ . $height . ‘” webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe></div>’;
}
}

Attachments:

You must be logged in to view attached files.

[jaynkie]

Hey guys!

I’ve finally (after months) figured out how to get vimeo videos for portfolio to auto play and loop with zero UI and it’s great.

Problem is in mobile – it’s just static and you can’t play. I understand vimeo can’t autoplay on mobile (? this true?)

So my question is:

How do I change the embed code for all vimeo embeds to be one thing for desktop, and another for mobile?

ie:

Desktop:
<iframe src=”https://player.vimeo.com/video/xxxxxxxxx?autoplay=1&quality=1080p&background=1&loop=1&color=ffffff&title=0&byline=0&portrait=0&amp&#8221; width=”940″ height=”627″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

Mobile:
<iframe src=”https://player.vimeo.com/video/xxxxxxxxx?loop=1&color=ffffff&title=0&byline=0&portrait=0&amp&#8221; width=”940″ height=”627″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

Only change is taking out autoplay and background tags.

Thanks!

[WEswift]

For those who may come across this issue later, if you included a custom theme function sf_get_embed_src to play Vimeo videos from a specific timestamp, this will result in a hard error (aka white screen). Swift Framework version 2.5.13 now contains this function and the error comes from the attempt to overwrite it. Just FYI. Remove your added version to fix.

[Kyle – SUPPORT]

Hi

Unfortunately it’s not possible to set youtube or vimeo videos as backgrounds, they can only be embedded with html. Div backgrounds have to use css and need to video file path to load, which vimeo and youtube do not give you

– Kyle

[NiikaQ]

Hi Kyle-
What is a “slide down box.”

Previous, when we clicked on the “play” triangle, the video loaded exactly within the SAME ELEMENT WINDOW as the thumbnail. NO popup box. No new window. The video plays right where it is on the home page.

It’s always been that way, until we inserted the new vimeo embed url.

Do you understand?

How can we restore the function so the video plays right on the home page in its element???

A request – when you write responses, can you give us complete information and explanations?
Would save us all so much back and forth!

Thanks so much!

[sjeglum]

I have been working to make our site fully responsive. The only elements that are not responsive are the video and the widgets at the bottom of the page.

I researched how to make the videos responsive and I found the Advanced Responsive Video Embedder plug-in. It works if I update the video’s link (which I did for the trailer on our homepage) but I can’t get it work universally. Do you know a way to get all the videos to be responsive globally on the site without needing to update the links? All the videos on our site are hosting on vimeo and already have the iframe containers in the embed code.

I am also wondering if you know a way to get the widget at the bottom of the page to be responsive?

Thank you!

[Kyle – SUPPORT]

Hi

It has to be a youtube or vimeo video. You just need to copy and paste the url of the video, NOT the embed code

– Kyle

[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

[visiblestudio]

Hi friends,
I wonder how can i do to see a video from vimeo in full width mode. I use the function portfolio-thumbnail link type-Fullscreen video overlay. I don´t know if the problem came from vimeo embed code.

Thanks

Attachments:

You must be logged in to view attached files.

[balint.sipos]

Hey guys,

I am trying to use the elements provided by Cardinal as much as possible (just to not break any design elements) so instead of inserting video embed codes into a text element I am looking to use the Video Player element.
However I have a feeling that it might only work with Vimeo videos.

I use Wistia and has inserted in the oEmbed link into it: http://prntscr.com/awn1ia
However it displays the “Oops! The embed code for this video is not valid.” message.
Under inspection it looks like it is expecting a vimeo video: http://prntscr.com/awn23n

Can you please let me know if the problem is just this element is not working with Wistia videos or there might be another problem that we can actually solve?
If this element cannot be used with Wistia, can you recommend the next best option for embedding wistia videos?

Thanks a lot

Balint

[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