# funkymed-youtube-player

> Manage and control a Youtube-Player in React

Latest version **1.0.8** (published 2019-09-01) · ISC license · 0 weekly downloads

## Install

```sh
npm install funkymed-youtube-player
pnpm add funkymed-youtube-player
yarn add funkymed-youtube-player
bun add funkymed-youtube-player
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2019-09-01 |
| First published | 2019-08-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 2.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Cyril Pereira |
| Maintainers | funkymed |
| Keywords | player, control, youtube, video, funkymed |

## Links

- npm: https://www.npmjs.com/package/funkymed-youtube-player
- Repository: https://github.com/funkymed/YoutubePlayer
- Homepage: https://github.com/funkymed/YoutubePlayer#readme
- Issues: https://github.com/funkymed/YoutubePlayer/issues
- npm.io page: https://npm.io/package/funkymed-youtube-player

## Dependencies (1)

- [react](https://npm.io/package/react.md) ^15.5.4

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.8 (latest) — 2019-09-01
- 1.0.7 — 2019-09-01
- 1.0.6 — 2019-08-26
- 1.0.4 — 2019-08-26
- 1.0.3 — 2019-08-26
- 1.0.2 — 2019-08-25
- 1.0.1 — 2019-08-25
- 1.0.0 — 2019-08-25

## 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
<head>
    <script type="text/javascript" src="//www.youtube.com/player_api"></script>
    <script type="text/javascript">
        var youtubePlayerReady = false;
        function onYouTubeIframeAPIReady() {
            youtubePlayerReady = true;
        }
    </script>
</head>
```

```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 (
        <div>
            <YoutubePlayer code="Zrock_tnsSQ" />
        </div>
    );
}
```

## 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

---
_Source: https://npm.io/package/funkymed-youtube-player · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._