Make WordPress Core

Opened 7 years ago

Last modified 3 years ago

#39076 new feature request

Reinstate Vimeo support for external header videos

Reported by: nonproftechie's profile nonproftechie Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.7
Component: Themes Keywords:
Focuses: ui Cc:

Description (last modified by ocean90)

Re: [39165] and [39128]. I've been able to embed Vimeo videos from non-pro accounts on Squarespace's site headers just fine (example: It appears to embed an iframe inside a header <div>. Should be doable since we already embed an <img> inside a header <div> for the background image.

Change History (3)

#1 @ocean90
7 years ago

  • Description modified (diff)

#2 @bradyvercher
7 years ago

Hi @nonproftechie, I took a look at that site and it appears Squarespace is using some CSS tricks to hide the Vimeo controls off-screen, so it's not actually using the background feature available to paid accounts.

This post by Vimeo suggests the background feature is still experimental and only available for paid accounts.

This Squarespace support article for adding background videos confirms that a paid account is needed:

We recommend uploading videos to a Vimeo Plus or PRO account. Vimeo Basic accounts display the Vimeo player bar for the first few seconds of playback in the background.

And finally, the current Vimeo player API doesn't support background videos yet.

I did put together a prototype for adding Vimeo support if you would like to give it a shot. It uses their most recent API, but there is a legacy handler you can enable if you have a paid Vimeo account and want to use the background support.

If Vimeo rolls out full support for background videos and allows it to be used on free accounts, it might be worth incorporating into core.

#3 @SergeyBiryukov
3 years ago

  • Summary changed from Reinstate Vimeo support in Twenty Seventeen to Reinstate Vimeo support for external header videos

It seems like this is not specific to Twenty Seventeen, renaming the ticket accordingly.

Note: See TracTickets for help on using tickets.