@storyblok-components/video-component/src/video-component.js

Video Storyblok component

import React from 'react';
import ReactPlayer from 'react-player';
import SbEditable from 'storyblok-react';
import './video-component.scss';

const VideoComponent = ({ blok }) => {
  const autoplay = !!blok.autoplay;
  return (
    <SbEditable content={blok}>
      <div className="player-wrapper">
        <ReactPlayer
          url={blok.url || ''}
          className="react-player"
          width="100%"
          height="100%"
          playing={autoplay}
          muted={autoplay}
          playsinline
        />
      </div>
    </SbEditable>
  );
};

export default VideoComponent;