Include the Webflow DOM below to test JavaScript components

Page left intentionally unstyled so as to only include required styles in build stylesheet.

Announce Bar

Vimeo Video (modal)

Note: The .vimeo-video-id element should be a sibling to the .w-embed element. It allows us to define the Vimeo ID in a symbol without the ability to insert it via Collections. You can also ommit this element if you're able to pass the Vimeo ID directly to vimeoModal().

Example .vimeo-video-id element:

<div class="vimeo-video-id" data-type="modal">126441110</div>

126441110

Play

Close Dialog

Vimeo Video (inline)

Note: The .vimeo-video-id element should be a sibling to the .vimeo-embed element.

Options:
data-type: "inline"|"inline-gif"|"modal"
data-aspect-ratio: "square"|null
data-autoplay: "load"|"hover"|null

Example .vimeo-video-id element:

<div class="vimeo-video-id" data-type="inline" data-autoplay="load">126441110</div>

Example Default