채택완료

모달팝업 유튜브 문의드립니다.

2019-04-06 (토) 17:28:46 4,078

모달팝업을 이용해 유튜브를 아이프레임으로 불러와 사용하려 하는데...

팝업들 닫아도 계속 플레이가 되네요.. 

팝업종료시  영상도 종료되게 할 수는 없을까요?

기존 질문을 검색해서 스크립트를 적용해봐도 .. 안되네용 @_@;;;

Copy
<!--Modal: Name-->
    <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg" role="document">

        <!--Content-->
        <div class="modal-content">
            <div class="modal-body mb-0 p-0">
                <div class="embed-responsive embed-responsive-16by9 z-depth-1-half">
                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/vMYumyAu93w"    allowfullscreen></iframe>
                </div>

          </div>

          <!--Footer-->
          <div class="modal-footer justify-content-center">            
            <button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4" data-dismiss="modal">Close1</button>
          </div>

        </div>
        <!--/.Content-->

      </div>
    </div>
    <!--Modal: Name-->

   <a><img class="img-fluid z-depth-1" src="/img/screen-video-1.jpg" width="852" height="479"alt="video"        data-toggle="modal" data-target="#modal1"></a>
  </div>
  <!-- Grid column -->

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
2019-04-06 (토) 17:36:51

close 부분에 onclick 으로 iframe id에 아무거나 빈페이지 링크를 넣어주세요.

그럼 닫기할때마다 해당 iframe 이 빈페이지로 이동하여 영상이 재생되지 않겠죠~

답변에 대한 댓글 1개

2019-04-06 (토) 18:18:05
제가 잘못한건지.... 메인창이 바껴버리네요 @_@
2019-04-09 (화) 14:03:31

메인창이 바뀌어 버리는건 타겟설정이 안되어 있어서 그렇습니다.

onclick="아이프레임아이디.location.href='빈페이지.php'"

예를들어 이런식으로 링크를 주서야 합니다.

2019-04-07 (일) 12:18:32

유튜브 src값을 빈값으로 두고 모달창이 열릴때 src값을 보내서 플레이시키고 다시 모달을 닫으면 src값을 빈값으로 ..

답변을 작성하려면 로그인이 필요합니다.