>source

그러한 계획에 대한 작업이 있었고, 사이트에는 작은 창에 포함되어있는 YouTube의 비디오가 있으며,이를 클릭하면 화면의 3/4가 열리고 있습니다. 따라서 멈추는 경우 원래 값으로 돌아갑니다. 비디오 블록의 예

<div class="flower_petal_video_video">                                        <iframe width="100%" height="100%" src="https://www.youtube.com/xxx/xxx" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>                                    </div>

.flower_petal_video {
      margin: -60px 0;
      padding: 0;
      height: 268px;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-image: url(../img/laptop.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #0000;
    }
    .flower_petal_video_video {
      /*background-color: #f00;*/
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 15.4%;
    }

  • 답변 # 1

    특정 척도로 HTML 요소의 크기를 조정하려면 변형 속성을 사용하여 그렇게 할 수 있습니다.

    JS의 조금을 사용하면 이렇게 보일 것입니다.

    html.

    <div id='myDiv'></div>

    JS.

    function resizeDiv() {
      document.getElementById('myDiv').style.transform= 'scale(0.75)';
    }
    

    이 기능은 원래 크기의 DIV를 3/4로 확장합니다. 나머지는 매우 간단합니다. 비디오가 끝나면 페이지가 감지되는 방법을 찾은 다음 원래 크기로 크기를 조정하는 함수를 실행합니다.스케일 (1)

  • 이전 tensorflow : 나는 Tensflow를 설치하고 명령을 사용했지만 다음 오류가 표시됩니다.
  • 다음 Docker 컨테이너 DNS 문제. ghcr.io/linuxserver/swag.