Skip to main content
Version: 4.x


Enables loading, playing and controlling videos from Dailymotion.

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.


  • You cannot change the playbackRate prop because there is no API for it.

  • The playsinline property cannot be set. The player automatically sets it to true if autoplay is true.


<vime-player controls>
<vime-dailymotion video-id="k3b11PemcuTrmWvYe0q"></vime-dailymotion>
<!-- ... -->


colorcolorChange the default highlight color used in the controls (hex value without the leading #). Color set in the Partner HQ will override this prop.string ∣ undefinedundefined
posterposterThe absolute URL of a custom poster to be used for the current video.string ∣ undefinedundefined
shouldAutoplayQueueshould-autoplay-queueWhether to automatically play the next video in the queue.booleanfalse
showDailymotionLogoshow-dailymotion-logoWhether to display the Dailymotion logo.booleanfalse
showShareButtonsshow-share-buttonsWhether to show buttons for sharing the video.booleanfalse
showUpNextQueueshow-up-next-queueWhether to show the 'Up Next' queue.booleanfalse
showVideoInfoshow-video-infoWhether to show video information (title and owner) on the start screen.booleantrue
syndicationsyndicationForwards your syndication key to the player.string ∣ undefinedundefined
videoId (required)video-idThe Dailymotion resource ID of the video to load.stringundefined


Used by#

Depends on#


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

Built with StencilJS