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

Usage

HTML

<vm-player controls>

<vm-dailymotion video-id="k3b11PemcuTrmWvYe0q"></vm-dailymotion>

<!-- ... -->

</vm-player>

React

import React from 'react';

import { Player, Dailymotion } from '@vime/react';

function Example() {

return (

<Player controls>

<Dailymotion videoId="k3b11PemcuTrmWvYe0q" />

{/* ... */}

</Player>

);

}

Vue

example.vue

<template>

<Player controls>

<Dailymotion videoId="k3b11PemcuTrmWvYe0q" />

<!-- ... -->

</Player>

</template>

<script>

import { Player, Dailymotion } from '@vime/vue';

export default {

components: {

Player,

Dailymotion,

},

};

</script>

Svelte

example.svelte

<Player controls>

<Dailymotion videoId="k3b11PemcuTrmWvYe0q" />

<!-- ... -->

</Player>

<script lang="ts">

import { Player, Dailymotion } from '@vime/svelte';

</script>

Stencil

class Example {

render() {

return (

<vm-player controls>

<vm-dailymotion videoId="k3b11PemcuTrmWvYe0q" />

{/* ... */}

</vm-player>

);

}

}

Angular

example.html

<vm-player controls>

<vm-dailymotion color="fff" video-id="k3b11PemcuTrmWvYe0q"></vm-dailymotion>

<!-- ... -->

</vm-player>

Properties

Property	Description	Type	Default
color	Change the default highlight color used in the controls (hex value without the leading #). Color set in the Partner HQ will override this prop.	string ∣ undefined	undefined
poster	The absolute URL of a custom poster to be used for the current video.	string ∣ undefined	undefined
shouldAutoplayQueue	Whether to automatically play the next video in the queue.	boolean	false
showDailymotionLogo	Whether to display the Dailymotion logo.	boolean	false
showShareButtons	Whether to show buttons for sharing the video.	boolean	false
showUpNextQueue	Whether to show the 'Up Next' queue.	boolean	false
showVideoInfo	Whether to show video information (title and owner) on the start screen.	boolean	true
syndication	Forwards your syndication key to the player.	string ∣ undefined	undefined
videoId (required)	The Dailymotion resource ID of the video to load.	string	undefined

Events

Event	Description	Type
vmError	Emitted when an error has occurred.	CustomEvent<string ∣ undefined>

Dependencies

Depends on

• vm-embed