引导模式内的视频事件
Posted
技术标签:
【中文标题】引导模式内的视频事件【英文标题】:Video events inside bootstrap modal 【发布时间】:2017-01-16 04:29:44 【问题描述】:我们可以在显示引导模式时触发 html5 音频/视频事件吗?
例子:
$(".abc").on("shown.bs.modal", function()
$("video")[0].oncanplay = function()
alert("canplay");
;
);
【问题讨论】:
您想以该模式本身显示视频?? 【参考方案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>
【讨论】:
以上是关于引导模式内的视频事件的主要内容,如果未能解决你的问题,请参考以下文章