import React from "react";
import { Video, useVideoControls } from "@andoto/react";

const MyComponent = props => {
  const videoId = `yourVideoId`;
  const controls = useVideoControls(videoId);

  return (
    <div>
      <Video id={videoId} />
      <button onClick={() => controls.play()}>Play Video</button>
      <button onClick={() => controls.pause()}>Pause Video</button>
    </div>
  );
};

export default MyComponent;

controls
  .play()
  .then(() => {
    // the video is now playing
  })
  .catch(error => {
    console.error(error);
  });