youtube 영상 중지, 재생

<div id="movie">

<iframe src="https://www.youtube.com/embed/UVgXzcCFlLE?autoplay=1&enablejsapi=1&version=3&playerapiid=ytplayer&rel=0&showinfo=0&autohide=1&hd=1&wmode=opaque" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

위 ? 뒤의 내용을 파일명 뒤에 추가 합니다.

 

 <ul>

      <li class="play_bt">재생</li>

      <li class="stop_bt">중지</li>

  </ul>

 

스크립트 -----------------------

<script>

       $(function(){ //jquery 준비

           $('.play_bt').click(function(){

               $('#movie > iframe').each(function(){

                   $(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

               });

           });

           

           $('.stop_bt').click(function(){

               $('#movie > iframe').each(function(){

                   $(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');

               });

           });

           //stopVideo => 정지, pauseVideo => 일시정지, playVideo => 재생

           

       }); //jquery 종료

    </script>