Javascript 离开滑块后如何重新启动自动播放音频/视频

Javascript 离开滑块后如何重新启动自动播放音频/视频,javascript,jquery,html,fullpage.js,Javascript,Jquery,Html,Fullpage.js,我使用fullPage.js,不知您是否知道如何修复此问题。我想重新启动自动播放后离开滑块,当回来滑块开始新的视频/音频再次,如果你知道我的意思 HTML: 您的浏览器不支持音频元素。 JavaScript: <script type="text/javascript"> $(document).ready(function() { $('#fullpage').fullpage({ sectionsColor: ['#eee', '#fff'], anchors:

我使用fullPage.js,不知您是否知道如何修复此问题。我想重新启动自动播放后离开滑块,当回来滑块开始新的视频/音频再次,如果你知道我的意思

HTML:


您的浏览器不支持音频元素。
JavaScript:

<script type="text/javascript">
$(document).ready(function() {
  $('#fullpage').fullpage({
  sectionsColor: ['#eee', '#fff'],
  anchors: ['firstPage', 'book-1']
   });
});
</script>

$(文档).ready(函数(){
$(“#全页”)。全页({
章节颜色:['eee','fff'],
主播:['firstPage','book-1']
});
});
我期待着您的来信:)

谢谢


Shaun.

您应该使用
后加载
回调。在这种情况下,您应该在音频和视频元素加载后重新启动它们

代码应该如下所示:

$('#fullpage').fullpage({
  sectionsColor: ['red', 'green'],
  afterLoad: function(anchorLink, index) {
    if (index === 1) {
      let video = document.getElementById('video');
      video.load();
      video.play();
    }

    if (index === 2) {
      let audio = document.getElementById('sound');
      audio.currentTime = 0
      audio.play();
    }
  }
});
请参阅下面完整的工作示例

$('fullpage')。整页({
章节颜色:[“红色”、“绿色”],
后加载:功能(锚点链接、索引){
如果(索引==1){
让video=document.getElementById('video');
video.load();
video.play();
}
如果(索引==2){
让audio=document.getElementById('sound');
audio.currentTime=0
音频播放();
}
}
});
部分{
文本对齐:居中;
}

您的浏览器不支持音频元素。
两个2

@关于营销你是什么意思?当你回到页面时,它会从停止的位置恢复?是的,如再次启动音频:)请参阅下面的答案。数据自动播放属性足以让我工作:谢谢你的帮助:)当我向上滚动幻灯片时,如何停止音频?
$('#fullpage').fullpage({
  sectionsColor: ['red', 'green'],
  afterLoad: function(anchorLink, index) {
    if (index === 1) {
      let video = document.getElementById('video');
      video.load();
      video.play();
    }

    if (index === 2) {
      let audio = document.getElementById('sound');
      audio.currentTime = 0
      audio.play();
    }
  }
});