Видео-события внутри bootstrap modal

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>