Моя цель - обеспечить автоматическое воспроизведение и циклическое воспроизведение MP4 в окне просмотра.Html

Программисты Html
Ответить
Anonymous
 Моя цель - обеспечить автоматическое воспроизведение и циклическое воспроизведение MP4 в окне просмотра.

Сообщение Anonymous »

Я создаю веб-сайт и новичок в программировании. Я использую новейшую версию 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»