Я создаю веб-сайт и новичок в программировании. Я использую новейшую версию 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
Моя цель - обеспечить автоматическое воспроизведение и циклическое воспроизведение MP4 в окне просмотра. ⇐ Html
Программисты Html
1763998398
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);
});
Подробнее здесь: [url]https://stackoverflow.com/questions/79828826/my-goal-is-to-have-an-mp4-autoplay-and-loop-when-in-viewport[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия