import React, { Component } from 'react';
import './../../../../styles/view/biz/monitor/videoLabel.scss';
import LiverPlay from './../../../hikvideo/index';


class RightOne extends Component {

    constructor(props) {
        super(props);
    }

    render(){
        let { time, monitorList } = this.props;
        let firtObject = monitorList[0];
        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>
                <LiverPlay key={firtObject.id} token={firtObject.token} vedioId={firtObject.id} width="100%" height="100%"/>

                {/* <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;
