引导模式内的视频事件

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>

【讨论】:

以上是关于引导模式内的视频事件的主要内容,如果未能解决你的问题,请参考以下文章

带有ajax调用捕获事件的数据表插件内的引导开关

引导模式 onload 事件

在引导模式 ONCLICK 事件中显示动态内容

为啥我在引导模式中的点击事件触发不止一个

让 ajax 加载的部分视图中的元素触发 jquery 事件(引导模式形式)

事件模式引导后无法更改 td 中的值