부트 스트랩 모달 내의 비디오 이벤트

Question

부트 스트랩 모달이 표시되면 HTML5 오디오/비디오 이벤트를 실행할 수 있습니까?

예 : 모달 내용 영역에서 JS 파일

$(function() { 
    $('#videoModal').on('shown.bs.modal', function(e) { 
     var src = $('#videowrapper').attr('data-iframe-src'); 
     $('#videowrapper').attr('src', src) 
    }); 
    $('#videoModal').on('hidden.bs.modal', function(e) { 
     $('#videowrapper').attr('src', '') 
    }) 
}); 

에서

$(".abc").on("shown.bs.modal", function(){ 
     $("video")[0].oncanplay = function(){ 
      alert("canplay"); 
     }; 
    }); 

Answer 1

이 자신을 위해 일

...

는

<div class='embed-container'> 
         <iframe allowfullscreen data-iframe-src='[YOUTUBE URL]?autoplay=1&controls=0&showinfo=0&modestbranding=1&rel=0' frameborder='0' id="videowrapper" name="videowrapper" src=""></iframe> 
        </div>