Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

ngx-dailymotion

0.0.5 • Public • Published

NgxDailymotion

npm version CircleCI codecov

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.

Keywords

none

Install

npm i ngx-dailymotion

DownloadsWeekly Downloads

1

Version

0.0.5

License

none

Unpacked Size

77.7 kB

Total Files

23

Last publish

Collaborators

  • avatar