英文:
Play bg video on close Fancybox popup
问题
我已经理解您的请求。以下是代码部分的翻译：
const video = document.querySelector('.hero-section__video-bg video'),
videoPlayBtn = document.querySelector('.hero-section__video-btn')
videoPlayBtn.addEventListener('click', function () {
video.pause()
})
window.addEventListener('click', function () {
Fancybox.bind('[data-fancybox="video"]', {
on: {
close: (fancybox, eventName) => {
video.play()
},
}
})
})
英文:
I have video on bg and button for open this video in popup Fancybox
I need when I open video in Fancybox popup video on bg is paused and when I close this popup video on bg is play
I tried this code but it works on the second attempt to close the popup
Fancybox ver 5.0
const video = document.querySelector('.hero-section__video-bg video'),
videoPlayBtn = document.querySelector('.hero-section__video-btn')
videoPlayBtn.addEventListener('click', function () {
video.pause()
})
window.addEventListener('click', function () {
Fancybox.bind('[data-fancybox="video"]', {
on: {
close: (fancybox, eventName) => {
video.play()
},
}
})
})
答案1
得分: 1
我认为你不需要窗口点击处理程序。
Fancybox事件处理程序会在你点击关闭按钮时触发。
所以这会起作用。
const video = document.querySelector('.hero-section__video-bg video'),
videoPlayBtn = document.querySelector('.hero-section__video-btn')
videoPlayBtn.addEventListener('click', function() {
video.pause()
})
Fancybox.bind('[data-fancybox="video"]', {
on: {
close: (fancybox, eventName) => {
video.play()
},
}
});
英文:
I don't think you need window click handler.
Fancy box event handler will kick in when you click on close button.
So this would work.
const video = document.querySelector('.hero-section__video-bg video'),
videoPlayBtn = document.querySelector('.hero-section__video-btn')
videoPlayBtn.addEventListener('click', function() {
video.pause()
})
Fancybox.bind('[data-fancybox="video"]', {
on: {
close: (fancybox, eventName) => {
video.play()
},
}
});
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论