Javascript 离开滑块后如何重新启动自动播放音频/视频
我使用fullPage.js,不知您是否知道如何修复此问题。我想重新启动自动播放后离开滑块,当回来滑块开始新的视频/音频再次,如果你知道我的意思 HTML: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:
您的浏览器不支持音频元素。
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();
}
}
});