gpt4 book ai didi

javascript - 引导模式内的视频事件

转载 作者:行者123 更新时间:2023-12-02 20:07:46 26 4
gpt4 key购买 nike

当显示引导模式时,我们可以触发 HTML5 音频/视频事件吗?

示例:

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

最佳答案

这对我自己有用......

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

关于javascript - 引导模式内的视频事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39387564/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com