import React,{ Component } from 'react';
import PropTypes from 'prop-types';
import { IFrame } from 'amos-framework';

class Video extends Component{

  render() {
    const { videoUrl } = this.props;
    let url = './video/video.html';
    return (
      <div className="detailCard">
        <div className="detailCardContxt">
          {/*<video src={videoUrl} width="100%" height="100%" controls="controls" autoPlay>
            Your browser does not support the video tag.
            </video>*/}
          <IFrame
            url={url}
            width="100%"
            height="100%"
            display="initial"
            position="relative"
            allowFullScreen
            scrolling="auto"
          />
        </div>
      </div>
    );
  }
}

export default Video;
