Я создаю веб-сайт и новичок в программировании. Я использую новейшую версию Divi для WordPress и не могу заставить MP4 автоматически воспроизводиться в области просмотра и в цикле.
Это HTML-код видео:
Я часами пытался разобраться в наблюдателе пересечений JavaScript.
РЕДАКТИРОВАТЬ ВОПРОС: Извините за отсутствие ясности, я впервые здесь и впервые редактирую во внешнем интерфейсе. Я создаю веб-страницу на Divi. У меня есть видео, воспроизведение которого я хочу начать автоматически, когда оно окажется в области просмотра пользователя. В настоящее время, когда я пытаюсь запустить код JavaScript, размеры видео меняются, и оно становится очень маленьким или большим, после чего появляется неработающий код. Если этого не произойдет, то видео вообще не будет отображаться. Я пытаюсь отредактировать базу, сгенерированную ИИ, чтобы получить функциональность, исходное сообщение содержит исходный HTML-код видео.
// Select all video elements on the page
const videos = document.querySelectorAll('video');
// Options for the Intersection Observer
const options = {
// Use the viewport as the root
root: null,
// No margin around the root
rootMargin: '0px',
// Trigger when 50% of the video is visible
threshold: 0.5
};
// Callback function to execute when intersection changes
const callback = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
// If the video is intersecting (in view), play it
entry.target.play();
} else {
// If the video is not intersecting (out of view), pause it
entry.target.pause();
}
});
};
// Create a new Intersection Observer
const observer = new IntersectionObserver(callback, options);
// Observe each video element
videos.forEach(video => {
// Mute the video to allow autoplay without user interaction in some browsers
video.muted = true;
observer.observe(video);
});
Подробнее здесь: https://stackoverflow.com/questions/798 ... n-viewport
