Skip to content

Latest commit

 

History

History
26 lines (19 loc) · 747 Bytes

README.md

File metadata and controls

26 lines (19 loc) · 747 Bytes
Raw

Trackable Video

This is a react component that creates an embedded iframe video, and provides callbacks for various events in the video lifecycle. This is useful if you want to hook in custom analytics, for example. https://www.npmjs.com/package/trackable-video

Currently only works for Vimeo embeds.

Usage

  <TrackableVideo
    src="https://player.vimeo.com/video/196683500"
    onReady={() => console.log('vimeo:ready')}
    onStart={() => console.log('vimeo:started')}
    onPause={() => console.log('vimeo:paused')}
    onProgress={(progress) => console.log('vimeo:progress', progress)}
    onFinish={() => console.log('vimeo:finished!')}
  />

Installation

npm install trackable-video

or

yarn add trackable-video