div显示后如何播放视频？

Question

• 我在div里面有一个div视频。
• 默认div为display hide
• 当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/

祝你好运：）