Skip to main content
Version: 4.x


Enables loading, playing and controlling videos from Vimeo.

You don't interact with this component for passing player properties, controlling playback, listening to player events and so on, that is all done through the vime-player component.


  • Only Vimeo PRO members can set/change the playbackRate.

  • playbackQuality and playbackQualities are not supported because there is no API for it.


<vime-player controls>
<vime-vimeo video-id="411652396"></vime-vimeo>
<!-- ... -->


bylinebylineWhether to display the video owner's name.booleantrue
colorcolorThe hexadecimal color value of the playback controls. The embed settings of the video might override this value.string ∣ undefinedundefined
noAutoAspectRationo-auto-aspect-ratioTurns off automatically determining the aspect ratio of the current video.booleanfalse
portraitportraitWhether to display the video owner's portrait.booleantrue
posterposterThe absolute URL of a custom poster to be used for the current video.string ∣ undefinedundefined
videoId (required)video-idThe Vimeo resource ID of the video to load.stringundefined


Used by#

Depends on#


graph TD;
vime-vimeo --> vime-embed
vime-playground --> vime-vimeo
style vime-vimeo fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS