NgxDailymotion

Dailymotion player component for Angular.

Usage

// app.component.ts
import { NgxDailymotionModule } from 'ngx-dailymotion';

<!-- app.component.html -->
<dailymotion
  video="xwr14q"
  uiTheme="light"
  autoplay="true"
></dailymotion>
...
<script src="https://api.dmcdn.net/all.js"></script>

API

Components

Name	Type	Description
video	string	The Dailymotion video ID that identifies the video that the player will load
width	string	The width of the video player. The default value is 480
height	string	The height of the video player. The default value is 270
autoplay	boolean	Starts the playback of the video automatically after the player loads.
controls	boolean	Whether to display the player controls or not. This parameter only removes the control bar, but keeps the startscreen and the endscreen (useful on mobile devices where the video tag needs a direct user interaction to start the playback).
mute	boolean	Whether to mute the video or not.
quality	['auto', '240', '380', '480', '720', '1080', '1440', '2160']	Specify the suggested playback quality for the video.
sharing-enable	boolean	Whether to display the sharing button or not.
start	number	Specify the time (in seconds) from which the video should start playing.
ui-logo	boolean	Whether to display the Dailymotion logo or not.
ui-theme	['dark', 'light']	Choose the default base colour theme.