javascript - div显示后如何播放视频？

Question

• 我在一个视频的 div 中有一个 div。
• 默认div是显示隐藏
• show div 时显示自动播放视频(jquery)
• 所有事情都用 jquery/javascript 做
• 我没有这方面的代码

我正在尝试在显示 div 后播放视频。我有一个带有计时器的启动邀请页面，当计时器结束时，视频将自动播放。

Like this i have page

Answer 1

一种可能的方法是在 css 样式发生变化时触发调用。

所以它将是:

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutationRecord) {
        alert('play Video!');
    });    
});

var target = document.getElementById('d1');
observer.observe(target, { attributes : true, attributeFilter : ['style'] });

$('#d1').css('display', 'block');

Jsfiddle:https://jsfiddle.net/hs7ed3qb/1/

祝你好运:)