strapi-plugin-content-manager/admin/src/components/Wysiwyg/video.js

A powerful UI to easily manage your data.

/**
 *
 * Video
 *
 */

import React from 'react';
import PropTypes from 'prop-types';

/* eslint-disable jsx-a11y/media-has-caption */
const Video = props => {
  const { height, src, width } = props.contentState.getEntity(props.entityKey).getData();

  return (
    <video height={height} width={width} style={{ maxWidth: '100%' }} controls>
      <source src={src} />
    </video>
  );
};

Video.propTypes = {
  contentState: PropTypes.object.isRequired,
  entityKey: PropTypes.string.isRequired,
};

export default Video;