https://github.com/funkymed/youtubeplayer

https://github.com/funkymed/youtubeplayer

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/funkymed/youtubeplayer
• Owner: funkymed
• Created: 2014-01-06T16:31:38.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T03:15:27.000Z (about 2 years ago)
• Last Synced: 2024-11-09T08:08:19.533Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.91 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Youtube Player

Author : Cyril Pereira

Control the Youtube Player only by code and without iframe.

You can custom the player, make your own.

You can get all the informations, title, length, currentTime and state.

url of the package npm : https://www.npmjs.com/package/funkymed-youtube-player

## Demo

http://medcg.free.fr/tmp/npm-youtube-player/

## Install

First of all in your root page of react you will need to add this in your header

```html

    

    

        var youtubePlayerReady = false;

        function onYouTubeIframeAPIReady() {

            youtubePlayerReady = true;

        }

    

```

```bash

yarn add funkymed-youtube-player --save

```

And in your compennent add those lines in the render

```javascript

import 'funkymed-youtube-player/dist/YoutubePlayer'

//...

render(){

    return (

        


            

        

    );

}

```


## Build

```bash

yarn build

```

## Test

```bash

yarn start

```

in your browser go the url http://localhost:3001/

## Demo

The component in action : http://medcg.free.fr/tmp/npm-youtube-player

## Options

```javascript

{

  width:640,

  height:360,

  loop:false,

  autoplay:true,

  controls:true,

  showinfo:true,

  theme:'dark', // dark or light

  start:0,      // where the video start

  policy:3,     // 1 or 3

  rel:0         // 0 or 1 Display related video at the end

}

```

Check the example to have a full information about implementation