Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-webview-video

ChainPlatform1.2kMIT0.4.7

react-native-webview-video is a React Native library that provides a Video component that renders media content such as videos with custom controls for react-native and react-native-web. Support Youtube and Vimeo.

react, react-native, react-native-svg, react-native-web, react-native-video, react-native-webview, react-native-webview-video, @chainplatform/react-native-web-webview

readme

React Native Webview Video

React Native library that provides a Video component that renders media content such as videos with custom controls for react-native and react-native-web. Support Youtube and Vimeo.

When use react-native-web please guild setup in https://www.npmjs.com/package/@chainplatform/react-native-web-webview

PRs welcome! Follow @doansan

Install

npm install react-native-webview-video --save

or

yarn add react-native-webview-video

Usage

Note: Set useRemote={true} if export web as mini app.

import React from 'react';
import {StyleSheet} from 'react-native';
import Video from 'react-native-webview-video';

class App extends React.Component {

  render() {
    return (
      <View style={{flex:1}}>
          <Video
            videoId={"wJ1rCGK06bk"}
            videoType={"youtube"}
            useRemote={false}
            poster={"https://i.imgur.com/jsaRvR3.png"}
          />
      </View>
    );
  }
}