/**
 * 北京展览馆的特殊搜索字样展示
 */
import React, { Component } from "react";
import { Row, Col } from "antd";
export default class BeijingVideo extends Component {
  constructor(props) {
    super(props);
    this.state = {
    //   beijingVideo: props.beijingVideo
    };
  }

  componentDidMount() {}

  render() {
    return (
      <div
        style={{
          position: "absolute",
          top: "0",
          left: "0",
          width: "100%",
          height: "100%",
          zIndex:'2'
        }}
      >
        <div
          id="video-beijing"
          style={{ width: "100%", height: "100%" }}
        >
          <div
            style={{
              position: "absolute",
              color: "#ffffff",
              right: "10px",
              fontSize: "20px",
              cursor: "pointer"
            }}
            onClick={() => {
                this.props.changeBeijingVideo(false)
            //   this.setState({ beijingVideo: false });
            }}
          >
            x
          </div>
          <iframe
            id="beijing-video"
            style={{ width: "100%", height: "100%" }}
            src="https://bcxin-saas-prod.obs.cn-north-1.myhuaweicloud.com/saasweb/front/3dfengping.mp4"
          ></iframe>
        </div>
      </div>
    );
  }
}