今天看到群友反馈点击视频播放的时候多个视频会同时播放,所以今天来教大家如何修复这个问题。
document.addEventListener('DOMContentLoaded', function() {
let currentlyPlayingVideo = null;
const allVideos = document.querySelectorAll('.post-video video');
allVideos.forEach(video => {
video.addEventListener('play', function() {
if (currentlyPlayingVideo && currentlyPlayingVideo !== this) {
currentlyPlayingVideo.pause();
}
currentlyPlayingVideo = this;
});
video.addEventListener('pause', function() {
if (currentlyPlayingVideo === this) {
currentlyPlayingVideo = null;
}
});
video.addEventListener('ended', function() {
if (currentlyPlayingVideo === this) {
currentlyPlayingVideo = null;
}
});
video.addEventListener('abort', function() {
if (currentlyPlayingVideo === this) {
currentlyPlayingVideo = null;
}
});
});
document.addEventListener('visibilitychange', function() {
if (document.hidden && currentlyPlayingVideo) {
currentlyPlayingVideo.pause();
currentlyPlayingVideo = null;
}
});});
复制上方代码到主题设置里面自定义JavaScript里面保存就解决了
暂无评论
👍👍👍