Video Player in React

In this tutorial you are going to learn how to integrate video player in Reactjs in 2 steps.

Command to install:

npm i react-video-js-player

App.js/ Any file:

import React, { useState } from "react";

import VideoPlayer from 'react-video-js-player';

export default function App() {

  return (

    <div >

     <VideoPlayer

     src="http://commondatastorage.googleapis.com/gtv-videos-  bucket/sample/BigBuckBunny.mp4"

     poster=" https://source.unsplash.com/random/300x200"

     width="720"

     height="420"

     playbackRates={[1,2,3]}

     />

    </div>

  );

}


Comments