Skip to main content

Video Player

A component for playing media files and content from YouTube, SoundCloud, and Vimeo.

Options​

  • url | string: URL of the video. Default: ''.
  • controls | boolean: indicates whether to display control elements of the video player. Default: false.
  • playing | boolean: indicates whether to automatically start playing the video. Default: false.
  • volume | number: volume of the player. Default: 0.8.
  • center | boolean: controls whether to center the video player. Default: true.
  • height | (string|number): height of the player. Default: 360.
  • width | (string|number): width of the player. Default: 640.
  • loop | boolean: controls whether to start the video anew after it was played. Default: false.
  • startTime | number: number of seconds at which to start the video, or fraction if value is between 0 and 1. Default: none.
  • style | object: CSS inline styles. Default: {}.
  • onEnded | function: callback invoked once the video ends. Default: onEnded() {}.
  • onPause | function: callback invoked when the video pauses. Default: onPause() {}.
  • onPlay | function: callback invoked when the video starts or resumes playing after pausing. Default: onPlay() {}.
  • onStart | function: callback invoked once the video pauses. Default: onStart() {}.
  • onSeek | function: callback when media seeks called with seconds parameter. Default: onSeek() {}.

Examples​

Live Editor
Result
ReferenceError: Provider is not defined