ブートストラップモーダル内のビデオイベント

Question

ブートストラップモーダルが表示されているときに、HTML5オーディオ/ビデオイベントを発生させることはできますか？

例：

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

Answer 1

これは自分のために働いていた...の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', '') 
    }) 
}); 

モーダルコンテンツエリアの

<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>