text: import React from "react";
  import styled from "styled-components";
  
  const VideoComponentWraper = styled.div`
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
  `;
  
  export const Video = props => {
    return (
      <VideoComponentWraper>
        <VideoComponent
          videoSrcURL={props.videoSrcURL}
          videoTitle={props.videoTitle}
        />
      </VideoComponentWraper>
    );
  };
  
  const VideoWrapper = styled.div`
    video {
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: contain;
      position: absolute;
    }
  `;
  
  const VideoComponent = ({ videoSrcURL, onEnd }) => {
    return (
      <VideoWrapper>
        <video muted autoPlay loop>
          <source src={videoSrcURL} type="video/mp4" />
        </video>
      </VideoWrapper>
    );
  };
  