DEV Community

Chintan prajapati
Chintan prajapati

Posted on

plyr-react

Release new version of plyr-react@3 with typescript.

Here you can see in action.

https://stackblitz.com/edit/react-r8vmzh?embed=1&file=src/App.js&hideExplorer=1&hideNavigation=1&view=preview

GitHub logo chintan9 / plyr-react

A simple, accessible and customisable react media player for Video, Audio, YouTube and Vimeo

plyr-react

Installation

This plugin requires minimum Node.js with npm or yarn.

# with npm
npm i plyr-react plyr
# with yarn
yarn add plyr-react plyr

Usage

import Plyr from 'plyr-react'
import 'plyr/dist/plyr.css'
export default function App() {
  return (
    <Plyr
      source={
        {
          /* ... */
        }
      }
      options={
        {
          /* ... */
        }
      }
    />
  )
}

Note: You will need mark source as a type of any until a new release of Plyr is available.

Example

Click here to see example and you can play with this example.

Contribute

Gitpod Ready-to-Code Join the package community on Pika BCH compliance Size

Getting started for Development

There are two methods for getting started with this repo.

Familiar with Git?

  > git clone git@github.com:chintan9/plyr-react.git
  > cd plyr-react
  > npm run install

Not Familiar with Git?

Click here to download the .zip file. Extract the contents of the zip file, then open your terminal, change…

Top comments (0)