Question

我正在使用创建全屏幻灯片的插件（http://alvarotrigo.com/fullPage/）。一类＆＃34;活跃＆＃34;单击其关联菜单项时添加到幻灯片。我希望该动作能够触发每张幻灯片的音频和视频。

我的HTML是：

<div id="fullpage"> 
    <section class="section" id="one">
        <img src="img/logo.png" class="logo" />
    </section>  

    <section class="section" id="two">
        <video class="autoplay"> 
            <source src="media/intro-01.webm" type="video/webm"></source>
            <source src="media/intro-01.mp4" type="video/mp4"></source>
        </video>
    </section>
</div>

我试过的Javascript是：

$(document).ready(function() {
   if($('section#two').hasClass("active")){
        $("video.autoplay").trigger("play");    
   };
});

当插件将活动类放在该部分时，它不会开始播放视频。我很难过，似乎找不到很多信息。任何想法或帮助将不胜感激。

Answer 1

那是因为您没有观察到某个事件，而且它只是在页面加载时执行。

我查看了文档，并且有一个afterLoad事件在元素滚动到之后触发。使用它。

$('#fullpage').fullpage({
    afterLoad: function(anchorLink, index){
        if(index == 2){
            $("video.autoplay").trigger("play");    
        }
    }
});

＆＃34;标签＆＃34;播放视频/音频活跃吗？

1 个答案: