react-lazyload-youtube

Super lightweight LazyLoad YouTube Videos for faster page load and better performance

Install

npm install react-lazyload-youtube

yarn add react-lazyload-youtube

Demo

Usage

import  Youtube  from 'react-lazyload-youtube'
import 'react-lazyload-youtube/dist/index.css'

const App = () => {
  return <Youtube width="640px" height="480px" videoId="mfxQy5A_tHs"/>
}

Props

* `videoId` - string (Youtube Video ID)
* `width` - string (value in `px` or any unit) defult value : 100%
* `height` - string (value in `px` or any unit) defult value : 400px
* `imgSize` - string (default, hqdefault, mqdefault, sddefault, maxresdefault) defult value : mqdefault