vime-dailymotion

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.

Quirks

  • 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.

Usage

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

Properties

PropertyAttributeDescriptionTypeDefault
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
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

Dependencies

Depends on

Graph

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

Built with StencilJS