DonavanMartin / react-native-wistia-player

▶️ Wistia Player for React Native

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Native Wistia Player

Wistia video player component for React Native

Introduction

React Native Wistia Player is a WebView wrapper component on wistia player. This component make use of common video player use-cases such as playing, pausing, modifying callback speed, etc.

Installation

npm install react-native-wistia-player --save

Usage

import React from 'react';
import WistiaPlayer from 'react-native-wistia-player';

const MyComponent = (
  <WistiaPlayer
    videoId={YOUR_WISTIA_VIDEO_ID}
  />
);

Props

Prop Required Description
videoId YES set which video to play
style NO add additional style to WebView player
onMessage NO function to handle onMessage WebView event

Methods

Method Definition

  • togglePlaying()

    toggle the play/pause state of the video.

  • setPlaybackSpeed(speed: Number)

    sets the playback speed of the video. Defaults to 1.

Using Methods

You need to use reference (ref) to the player and call the method from it.

import React from 'react';
import WistiaPlayer from 'react-native-wistia-player';

export default class MyComponent extends React.Component {
  aFunction() {
    this.player.WISTIA_PLAYER_METHOD();
  }

  render() {
    return (
      <WistiaPlayer
        ref={(wistiaPlayer) => this.player = wistiaPlayer}
        videoId={YOUR_WISTIA_VIDEO_ID}
      />
    );
  }
}

License

MIT

About

▶️ Wistia Player for React Native


Languages

Language:JavaScript 100.0%