引導模式內的視頻事件

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>