.vjs-custom-skin {
  width: 100%;

  // 去掉蓝色边框
  video:focus,
  button:focus {
    outline: none;
  }

  .video-js {
    &.vjs-fluid {
      height: 100%;
    }

    .vjs-big-play-button {
      display: none !important;
    }

    // 播放按钮居中、圆形
    // .vjs-big-play-button {
    //   width: 1.6em;
    //   height: 1.6em;
    //   top: 50%;
    //   left: 50%;
    //   margin-left: -0.8em;
    //   margin-top: -0.8em;
    //   border-radius: 50%;
    // }

    // &.vjs-playing.vjs-user-active {
    //   .vjs-big-play-button .vjs-icon-placeholder:before {
    //     content: '\f103';
    //   }
    // }
    
    // &.vjs-has-started.vjs-playing.vjs-user-active {
    //   .vjs-big-play-button {
    //     display: block;
    //   }
    // }

    .vjs-play-control {
      position: fixed;
      top: 50%;
      left: 50vw;
      width: 40px;/*no*/
      height: 40px;/*no*/
      border-radius: 20px;/*no*/
      margin-left: -20px;/*no*/
      margin-top: -20px;/*no*/
      background-color: rgba(115, 133, 159, 0.5);
      border: 2px solid #fff;/*no*/
    }

    .vjs-play-control .vjs-icon-placeholder:before {
      font-size: 26px; /*no*/
      line-height: 36px;/*no*/
    }

    .vjs-error-display.vjs-modal-dialog {
      outline: none;

      &::before {

        display: none;
      }
    }
  }

  // 暂停时显示播放按钮
  .vjs-paused {
    .vjs-big-play-button {
      display: block;
    }
  }

  .video-js.vjs-playing .vjs-tech {
    pointer-events: auto;
  }
}
