Skip to content

React component to embed Youtube video on the web page.

License

Notifications You must be signed in to change notification settings

tiendq/youtube-embed-video

Repository files navigation

YoutubeEmbedVideo

React component to embed Youtube video on web page (v1.2.1).

CircleCI Greenkeeper badge

Usage

Simply install and import component like below code:

yarn add youtube-embed-video

import React from 'react';
import ReactDOM from 'react-dom';
import YoutubeEmbedVideo from 'youtube-embed-video';

ReactDOM.render(<YoutubeEmbedVideo videoId="RnDC9MXSqCY" suggestions={false} />, document.getElementById('app'));

Above code will load a Youtube video from LEGO® Red Can Break It Down.

Properties

Props are same as Youtube options for embedding a video.

videoId

Youtube video ID parameter, it's RnDC9MXSqCY in this Youtube link. Required.

autoplay

Make an embedded video play automatically. Default: false

suggestions

Show suggested videos when the video finishes. Default: true

controls

Show player controls. Default: true

showInfo

Show video title and player actions. Default: true

enhancedPrivacy

Enable privacy-enhanced mode. Default: false

width

Player width in px. Default: 560

height

Player height in px. Default: 315

size

Pre-defined video sizes same as Youtube options. size will override width and height values. Available size values are small, medium, large, and largest.

Examples

  1. Run yarn start from examples folder
  2. Visit http://localhost:8080

TO DO

  • Predefined video sizes
  • Delay load video

Copyright © 2019 Tien Do ([email protected]).

MIT License.

About

React component to embed Youtube video on the web page.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published