how to play/pause video in React without external library?

Question

I have a video tag () in my webpage, and a \"play/pause\" button that when the user clicks on it, the video starts/stops playing . How can I do so in react if I\'m not allowed t

Answer 1

Use ref attribute to create a link to the video and using that reference we can able to use video controls on the video component

Try this code,

import React from "react";
class VideoDemo extends React.Component {
  
  getVideo = elem => {
    this.video = elem
  }

  playVideo = () => {
    this.video.play()
  };

  pauseVideo = () => {
    this.video.pause();
  };

  render = () => {
    return (
      

        
    );
  };
}

export default VideoDemo;