import React, { Component } from 'react';
import './../../../../styles/view/biz/monitor/video.scss';

class RightOne extends Component {

    constructor(props) {
        super(props);
    }

    render(){
        let { time, monitorList } = this.props;
        return(
            <div className="monitor-one">   
                <div className="monitor-one-top">
                    {/* <span className="img-time">{ time }</span> */}
                    <span className="img-name">{ monitorList.length>0 ? monitorList[0].name : '' }</span>
                </div>
                <iframe src={ monitorList.length>0 ? monitorList[0].url : ''} scrolling="no" style={{ width:"98%",height:"100%" }} frameBorder="0" ></iframe>
                {/* <div className="monitor-one-top">
                    <span className="img-time">{ time }</span>
                    <span className="img-name">设备1</span>
                </div>
                <video src="/src/assets/monitor/road1.mp4" autoPlay width="100%" height="100%" controls="controls"></video> */}
            </div>
        );
    }
}

export default RightOne;