A native DOM component for embedding youtube video players
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
.gitignore
.travis.yml
CHANGELOG.md
LICENSE
README.md
index.js
package.json
screenshot.png
test.js

README.md

youtube-component stability

npm version build status downloads js-standard-style

A native DOM component wrapper for embedded videso from sites like youtube.

Usage

// Vanilla JS example
var YoutubeComponent = require('youtube-component')

var video1 = new YoutubeComponent()
var video2 = new YoutubeComponent()
var video3 = new YoutubeComponent()

document.body.appendChild(video1.render('https://www.youtube.com/watch?v=jnGtXnpZYDY&t=910s'))
document.body.appendChild(video2.render('https://vimeo.com/200671029'))
document.body.appendChild(video3.render('http://www.dailymotion.com/video/x2ipgus'))

Installation

$ npm install youtube-component

API

YoutubeComponent = require('youtube-component)

Import YoutubeComponent component class.

video = new YoutubeComponent([opts])

Create an instance of a video component. Options are passed directly to embed-video. See that module for full API reference.

{
  query: { // ANY
    portrait: 0,
    color: '333'
  },
  attr: { // ANY
    width:400,
    height:200
  },
  placeholder: true // Disable placeholder text
  class: '' // class attribute string to apply to wrapping div
}

video.render(videoURL)

Returns an iframe if not mounted, otherwise returns a proxy element. See nanocomponent for more information on native DOM component API details. Video embedding powered by embed-video 👏. If a bad or unsupported URL is passed in, a placeholder text will appear.

Native DOM component model powered by nanocomponent and nanomorph.

License

MIT