Question

我正在使用Fullpage.js，而我的第一张幻灯片中有一个youtube视频，该视频可以使用youtube嵌入式api自动播放。当我滚动到下一张幻灯片时，我注意到该视频停止播放，我希望它继续。

我正在尝试检查主体是否具有当第一张幻灯片处于活动状态时由fullpage.js生成的类“ fp-viewing-home”。然后，如果身体有课堂播放视频。

var body = document.getElementsByTagName("body")[0];
var homeSlide = document.getElementsByClassName("fp-viewing-home")[0];

function hasClass(body, homeSlide) {
    event.target.playVideo();
}

我希望显示视频的第一张幻灯片继续播放，否则暂停视频

Answer 1

根据fullpage.js documentation：

休假暂停 当您离开某个部分或幻灯片时，嵌入式HTML5 /和Youtube iframe会自动暂停。 这可以通过使用data-keepplaying属性来禁用。例如：

<audio data-keepplaying>
    <source src="http://metakoncept.hr/horse.ogg" type="audio/ogg">
</audio>

如果正文具有fullpagejs类，则播放视频YouTube API

1 个答案: