Lazy Load Videos

Instead of adding a third-party embed directly to your HTML, load the page with a static element that looks similar to the actual embedded third-party. The interaction pattern should look something like this:

source

Library

In general, video embeds, social button widgets, and chat widgets can all employ the facade pattern. See examples of EmbedVideoFacade implementation library below.

Vimeo

No overlay
Overlay with icon
Overlay with poster image
Overlay with icon and poster image

Youtube

No overlay
Overlay with icon
Overlay with poster image
Overlay with icon and poster image

Wistia

work in progress
No overlay
Overlay with icon
Overlay with poster image
Overlay with icon and poster image