Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature request: Vimeo as a video background #1903

Closed
upekshapriya opened this issue Jun 28, 2017 · 48 comments
Closed

Feature request: Vimeo as a video background #1903

upekshapriya opened this issue Jun 28, 2017 · 48 comments

Comments

@upekshapriya
Copy link

@upekshapriya upekshapriya commented Jun 28, 2017

Be good to have Vimeo as an option for a video background as well as YouTube and MP4 file. See https://codepen.io/mattgrosswork/pen/jrdwK

@HammerOz

This comment has been minimized.

Copy link

@HammerOz HammerOz commented Sep 13, 2017

I thought I would try and use the vimeo source mp4 file link that you have access to as a pro user. The video is actually visible while editing, yet fails when viewing the live page. Any ideas?

example file link:

https://player.vimeo.com/external/226866110.hd.mp4?s=4c4c1ed74fbd38d861c83bff708ed17167957252&profile_id=174

@i2g-lweiss

This comment has been minimized.

Copy link

@i2g-lweiss i2g-lweiss commented Nov 24, 2017

It seems the Vimeo link generates a request for a token for access when selecting "use with your own player" (Settings/Video file in Vimeo). If you paste that link into your browser it changes to one with a token. You can use this generated link in elementor and it works everywhere but the token expires the next day.

@bainternet

This comment has been minimized.

Copy link
Collaborator

@bainternet bainternet commented Nov 26, 2017

Currently, Vimeo allows removing controls and background embeds just for a Plus, PRO, or Business member.

@i2g-lweiss

This comment has been minimized.

Copy link

@i2g-lweiss i2g-lweiss commented Nov 26, 2017

We are a pro member, have not found this option. We are using the direct links to "use with your own player". It's not about removing the controls, we just want to use a vimeo video link as a background.

@HammerOz

This comment has been minimized.

Copy link

@HammerOz HammerOz commented Nov 27, 2017

It's all a bit so so. I'm self hosting now

@zimventures

This comment has been minimized.

Copy link

@zimventures zimventures commented Apr 8, 2018

Throwing my +1 in as a feature request.

@dasignlady

This comment has been minimized.

Copy link

@dasignlady dasignlady commented Sep 5, 2018

I would also like to see this feature added. Gotta upload same video to youtube just to use it as background, when I can use vimeo in video widget?

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented Sep 14, 2018

"YouTube link or video file (mp4 is recommended)."

Mp4 from vimeo does not work.

@dasignlady

This comment has been minimized.

Copy link

@dasignlady dasignlady commented Sep 21, 2018

So, I just purchased a subscription to Publit.io and uploaded the section background video from there instead. It seems to be faster than the other services so I am happy with that. NOW, I need the option of using that same source for my standalone videos but I can only choose from Vimeo, YT, Daily Motion or self-hosted. (The latter is not an option!) I do not understand why there is such a disparity between what sources we are able to use for one or the other? If adding a custom link works for background video, please add same option for the video widget. OR, make it so background video works on mobile as well, eliminating the need for a mobile-only separate video. Thanks in Advance!

@danishiqbal4

This comment has been minimized.

Copy link

@danishiqbal4 danishiqbal4 commented Oct 16, 2018

+1 for this feature

@Deralict

This comment has been minimized.

Copy link

@Deralict Deralict commented Nov 5, 2018

+1 for me too. Vimeo is such better quality so is more suitable for a background than YouTube.

@Matherone

This comment has been minimized.

Copy link

@Matherone Matherone commented Nov 5, 2018

+1.

Vimeo uses gentler compression (up to about twice the bitrate). Hence the Vimeo video quality is superior to Youtube's when playing the same original upload. When using a third-party service primarily as a content delivery network service for video to be viewed your website, Vimeo is better. And this is exactly what Elementor videos are for.

Also, since the Vimeo's video window design is more restrained, it looks better visually.

For designers looking for a third-party video hosting platform, Vimeo is often the better choice.

In all places where Elementor allows for videos - please add Vimeo.

@dcollis

This comment has been minimized.

Copy link

@dcollis dcollis commented Nov 8, 2018

With youtube deprecating showinfo=0 since 25th Sept this year (https://developers.google.com/youtube/player_parameters#showinfo), this has become more important as a youtube video can't effectively be used as a background video anymore, as it will always show title etc.

@krb5225

This comment has been minimized.

Copy link

@krb5225 krb5225 commented Nov 9, 2018

+1 for this feature.

Vimeo doesn't work as video background and Youtube shows title, etc. Does anyone know of a solution?!

@Simon-J-N-Reading

This comment has been minimized.

Copy link

@Simon-J-N-Reading Simon-J-N-Reading commented Nov 12, 2018

+1 It is infuriating to build a site around a customer who specifically pays to use Vimeo Pro - only to find that we cannot use the same source for the site's video backgrounds - it is not joined up thinking.

@i2g-lweiss

This comment has been minimized.

Copy link

@i2g-lweiss i2g-lweiss commented Nov 12, 2018

In the meantime here's a workaround that also works on mobile. You can use it in a text element but you may need to play around to get it position correctly behind your content.

Get your vimeo link from video/distribution/Video file links

<video style="min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; z-index: -1; left: 50%; position: absolute; transform: translate(-50%, -50%);" autoplay="autoplay" loop="loop" muted=""><source src="https://player.vimeo.com/external/xxxxxx.hd.mp4?s=xxxxxxxxxxxxxxxxxxxxxxxxxxx&profile_id=xxx"></video>

@dasignlady

This comment has been minimized.

Copy link

@dasignlady dasignlady commented Nov 13, 2018

I noticed a change in the branding on YT videos in Elementor lately. It seems to ignore the settings and subsequently garbaged up with my account logo and something in each corner. I looked at it on a client's monitor and was shocked. Moving everything to a private server. Just disgusting.

@i2g-lweiss

This comment has been minimized.

Copy link

@i2g-lweiss i2g-lweiss commented Nov 13, 2018

Update if you get the link from vimeo (video/distribution/Video file links), click copy link then open a new browser tab and paste. This will forward to an mp4 link. Copy that new link from the browser and put that into elementor's video background URL. Worked for me.

Update: That Vimeo mp4 link expires so this is not even a viable workaround

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented Dec 13, 2018

This is still an issue that needs to be addressed. Youtube videos aren't cutting it due to delay and showing title/shadow.

@Simon-J-N-Reading

This comment has been minimized.

Copy link

@Simon-J-N-Reading Simon-J-N-Reading commented Jan 3, 2019

+1 Bump - I am actively avoiding Elementor because this is missing.

@plasticboxuk

This comment has been minimized.

Copy link

@plasticboxuk plasticboxuk commented Feb 24, 2019

This is a real oversight guys.

Vimeo is the 'pro' method of hosting videos, and means a video background can be achieved without the YouTube branding coming up.

I'd suggest this is urgent.

Vimeo as a background video has been supported as standard by the other page builders for years.

@swamiofsuccess

This comment has been minimized.

Copy link

@swamiofsuccess swamiofsuccess commented Feb 26, 2019

I'm real confused, since I see this listed in the integrations section:
image

Specifically says, "Add Vimeo videos and background videos anywhere." At least I found this thread, so I know I am not the only one struggling with this.

@Simon-J-N-Reading

This comment has been minimized.

Copy link

@Simon-J-N-Reading Simon-J-N-Reading commented Feb 26, 2019

I'm real confused, since I see this listed in the integrations section:
image

Specifically says, "Add Vimeo videos and background videos anywhere." At least I found this thread, so I know I am not the only one struggling with this.

Dig a little deeper & all will be revealed ;-)

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented Feb 26, 2019

Still an issue. Not sure the oversight on this.

@cgrobin

This comment has been minimized.

Copy link

@cgrobin cgrobin commented Mar 11, 2019

+1 on this feature!!
Section Background Video Options should INCLUDE Vimeo or at least provide an explanation on why it's not a viable option. Please...please...please...please.... your customers are confused about this not being addressed.

@thephilm

This comment has been minimized.

Copy link

@thephilm thephilm commented Mar 28, 2019

+1 - Would love to have an option for "Pro" users to also remove the play button as part of the integration. It's simply adding a "background=1" to the parameters. This is a game changer especially if it can be loaded properly and lightweight.

@BobIMG

This comment has been minimized.

Copy link

@BobIMG BobIMG commented Mar 29, 2019

+1 - We're a new Elementor Pro user and just discovered this feature wasn't available. We too would really like to be able to use Vimeo Pro as background video.

@seanivek

This comment has been minimized.

Copy link

@seanivek seanivek commented Apr 22, 2019

+1 - We really need to be able to embed Vimeo video as well.

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented Apr 22, 2019

+1 - We really need to be able to embed Vimeo video as well.

Vimeo embed is definitely possible. Use the video module or just paste the embed code.

@cgrobin

This comment has been minimized.

Copy link

@cgrobin cgrobin commented Apr 23, 2019

@BobIMG

This comment has been minimized.

Copy link

@BobIMG BobIMG commented May 6, 2019

I'm amazed that this feature is so blatantly overlooked, especially given that as of September last year YouTube mandates their branding overlays. For others that need a workaround until the Elementor Team prioritizes this necessary feature ....

Create an Elementor HTML container. Within that container, add (insert your video ID):

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/XXXXXXXXXX?background=1' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

Set the margins on the HTML Container to -10 all the way around.

Also, make sure the Section is set to Stretch and Full Width for the content.

This will provide a responsive autoplay background video w/o sound and w/o vimeo player overlays. This will likely only work for Plus and Pro accounts.

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented May 21, 2019

Any update on this being integrated?

@extrapros

This comment has been minimized.

Copy link

@extrapros extrapros commented Jun 14, 2019

+1 from me here. We could really use this feature. Please add Vimeo to the background video options in Elementor!

@ianstudio

This comment has been minimized.

Copy link

@ianstudio ianstudio commented Jun 15, 2019

..meanwhile, in June 2019..

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented Jun 15, 2019

Two years later... Still waiting

@dcambria

This comment has been minimized.

Copy link

@dcambria dcambria commented Jun 27, 2019

++1 for this feature

@Karenskeens

This comment has been minimized.

Copy link

@Karenskeens Karenskeens commented Jul 11, 2019

After serious research on video solutions for Elementor, I just now stumble on this thread? Ya, I agree with everything you guys are saying. Hello, Elementor? Add Vimeo as a background video feature to Elementor? Are you negotiating a partner price from Vimeo? Do we need to reach out to Vimeo?

@webfocusdesign

This comment has been minimized.

Copy link

@webfocusdesign webfocusdesign commented Jul 16, 2019

+1 from me as well.

I'm absolutely stunned that this is still not implemented. Video backgrounds from Vimeo are a must for most serious businesses. We also have a client for a new project that have a Pro level Vimeo account and they'll be pissed when I tell them we need to copy their videos to YouTube for them to work as video backgrounds in Elementor... or go back to Beaver Builder which I DO NOT want to have to do...

This needs to happen now!

@JumaDM

This comment has been minimized.

Copy link

@JumaDM JumaDM commented Aug 19, 2019

I'm stunned too! between this and the responsive breakpoint limitations, these two basic and essential features are being blindsided for some reason!

@arielk arielk added this to the 2.7.0 milestone Aug 20, 2019
@mark4TPI

This comment has been minimized.

Copy link

@mark4TPI mark4TPI commented Sep 4, 2019

+1 from me as well.

@mskks64

This comment has been minimized.

Copy link

@mskks64 mskks64 commented Sep 4, 2019

+1 from me as well.

It's in Beta 2.

@shilo-ey

This comment has been minimized.

Copy link
Collaborator

@shilo-ey shilo-ey commented Sep 9, 2019

This issue has been resolved in Elementor v2.7

Feel free to update

Thanks!

@shilo-ey shilo-ey closed this Sep 9, 2019
@Matherone

This comment has been minimized.

Copy link

@Matherone Matherone commented Sep 11, 2019

Thank you.

@mark4TPI

This comment has been minimized.

Copy link

@mark4TPI mark4TPI commented Sep 18, 2019

am I the only one getting like 10 seconds of black before I see my video. I have a fallback image in there too.

@artoflifefilms

This comment has been minimized.

Copy link

@artoflifefilms artoflifefilms commented Oct 29, 2019

This doesn't appear to be fixed.. I'm still stuck using YouTube for videos. Vimeo links result in nothing showing. I hate the fact that I have to use YouTube for the link, I have a pro version of Vimeo that allows me to hide any proprietry text to them, I only have a free Youtube channel. This is really poor and it doesn't look like the issue has been assigned to anyone. I'm on a Mac, running 10.14.6 and the latest version of Chrome and Elementor. Please fix!!!!

@Karenskeens

This comment has been minimized.

Copy link

@Karenskeens Karenskeens commented Oct 29, 2019

Hi , are you referring to the black seconds before the video appears? I use a Vimeo video as the background video full width on the home page of my client site. (He insisted.) What reduced the black from 10 seconds down to about a 1/2 second while the video is loading is to make sure to put in the: "background fallback." It needs to be large enough so it looks sharp and good in both full screen and mobile since this is what also appears in the mobile view. So when the Vimeo video is loading, you first see a still shot of the video (this background fallback), then you see a split second of black, then the video starts playing. The viewer is tricked into thinking that initial still shot (background fallback) is actually the video playing.

Not sure if that is the problem you are referring too. I'd missed it initially because the background fallback is right by mobile settings and I thought it was for mobile. And originally used a completely different photo for mobile.

@artoflifefilms

This comment has been minimized.

Copy link

@artoflifefilms artoflifefilms commented Oct 29, 2019

@Karenskeens

This comment has been minimized.

Copy link

@Karenskeens Karenskeens commented Oct 29, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
You can’t perform that action at this time.