YPZZBWG/houtai/src/components/VideoLook/index.module.scss

.VideoLook {
  :global {
    .videoLookBox {
      cursor: pointer;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;

      .videoCover {
        width: 100%;
        height: 100%;
        position: relative;

        video {
          width: 100%;
          height: 100%;
        }

        .videoInco {
          cursor: pointer;
          transition: opacity .3s;
          opacity: 0;
          pointer-events: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 18px;
          color: #fff;
          background-color: rgba(0, 0, 0, .6);

          &>div {
            font-size: 14px;
          }
        }

        &:hover {
          .videoInco {
            opacity: 1;
            pointer-events: auto;
          }
        }
      }
    }
  }
}