Package Exports

react-native-youtube-iframe

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-youtube-iframe) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native Youtube iframe

A wrapper of the Youtube IFrame player API build for react native. A fully web based implementation with access to most APIs provided on the web.

Prerequisite

This package uses react-hooks and therefore will need react-native 0.59 and above

Installation

First install react-native-webview. Instructions here
Run - npm install react-native-youtube-iframe

Usage

import React, {useRef, useState} from 'react';
import YoutubePlayer from 'react-native-youtube-iframe';

const playerRef = useRef(null);
const [playing, setPlaying] = useState(true);

<YoutubePlayer
  ref={playerRef}
  height={300}
  width={400}
  videoId={"AVAc1gYLZK0"}
  play={playing}
  onChangeState={event => console.log(event)}
  onReady={() => console.log("ready")}
  onError={e => console.log(e)}
  onPlaybackQualityChange={q => console.log(q)}
  volume={50}
  playbackRate={1}
  playerParams={{
    preventFullScreen: true,
    cc_lang_pref: "us",
    showClosedCaptions: true
  }}
/>

ios

API reference

Click here for full reference here

list of available APIs -

props

videoId
playList
playListStartIndex
play
onChangeState
onReady
onError
onPlaybackQualityChange
mute
volume
playbackRate
onPlaybackRateChange
initialPlayerParams

Ref functions

getDuration
getCurrentTime
isMuted
getVolume
getPlaybackRate
getAvailablePlaybackRates
seekTo

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT