На странице есть несколько видео, скрипт должен воспроизводить видео только те которые появляются в видимой области экрана, если они они выходят за пределы видимой области экрана то они должны останавливаться. Это для мобильной версия экарана и планшета.

Для десктопа (ПК) необходимо сделать воспроизведение видео при наведении курсора, если курсор убираем то воспроизведение останавливается

вот такой вариант не подходит

$(function() {

var $video = $('video');

var $window = $(window);

$window.scroll(function() {

var $topOfVideo = $video.offset().top;

var $bottomOfVideo = $video.offset().top + $video.outerHeight();

var $topOfScreen = $window.scrollTop();

var $bottomOfScreen = $window.scrollTop() + $window.innerHeight();

if(($bottomOfScreen > $bottomOfVideo) && ($topOfScreen < $topOfVideo)){

$video[0].play();

} else {

$video[0].pause();

}

});

потому что возникает ошибка
Uncaught (in promise) DOMException

Этот скрипт должен работать на всех браузерах

Ставки 6 Обсуждения 3

Pavlo Suhoniako

28 6

Проекты 28
Оценка 1.0
Рейтинг 545

Бюджет: 300 UAH Срок: 1 день

🔥 Доброго времени суток Женя, с радостью готов взяться за ваш заказ 🔥

💼 Готов исправить ошибку с видео. Так же готов к подальшему сотруднечеству 💼

Мои умения:
• HTML, CSS
• Bootstrap
• PixelPerfect (Попиксельная вёрстка)
• Медиа-запросы
• CSS-grid
• Flex-box
• Адаптивная вёрстка
• SASS/SCSS
• SVG
• Native Javascript
• jQuery
• Работа с ООП
• Кросс-браузерность

🤞 Мои работы: 🤞
• Сайт по продвижению бизнеса: https://harlampey.github.io/Portfolio/Boost%20up/
• Сайт для арт-студии: https://harlampey.github.io/Portfolio/Art%20studio/

📞 Если заинтересованы - пишите: 📞
• Telegram - https://t.me/Harlampey
• Skype Name - live:pasha.sugonyako

Александр С.

13 0

Проекты 9
Оценка -
Рейтинг 506

Бюджет: 500 UAH Срок: 2 дня

Добрый день! Готов посмотреть, только необходима страница с этими видео, т.к. надо видеть, что у Вас там в HTML

В списке не показаны ставки, скрытые заказчиком или фрилансером c профилем Plus, а также ставки, нарушающие правила

Василий Х. 9 июля 2019

function come(elem) { var docViewTop = $(window).scrollTop(), docViewBottom = docViewTop + $(window).height(), elemTop = $(elem).offset().top, elemBottom = elemTop + $(elem).height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); }

$('video').each(function(){
if (come($(this))) {
$(this).play();
}
});

Игорь Бойко 9 июля 2019

Somebody give this man a 200 грывень.

Максим Крамаренко 9 июля 2019

И к чему это? )
Давай расписывай дальше, что открыть, куда скопировать, как сохранить и т.д.
Ты же сам понимаешь что цена смешная - так дай возможность начинающим получить "отзыв" - для кого-то он очень важен.

Добавить комментарий

Актуальные фриланс-проекты в категории HTML и CSS верстка

Автоматизация на базе Google Sheets для записи на пробные занятия (онлайн школа языков)

Javascript и Typescript 36 ставок 11:33

Не указан
Верстка страницы на WordPress (ACF) по существующему стилю сайта

Веб-программирование 59 ставок 10:23

Не указан
Сделать редизайн сайта на wordpress

Веб-программирование 51 ставка 8:59

Не указан
Верстка макету

96 ставок 3 августа

Не указан
Ищем верстальщика.

148 ставок 29 июля

34 725 UAH

Женя О.
Одесса, Украина
Самозанятый

Проектов 44
Оценка 5.0
Рейтинг 1 025

Женя О.

Pavlo Suhoniako

Александр С.

Ставки пока отсутствуют

Актуальные фриланс-проекты в категории HTML и CSS верстка

Автоматизация на базе Google Sheets для записи на пробные занятия (онлайн школа языков)

Верстка страницы на WordPress (ACF) по существующему стилю сайта

Сделать редизайн сайта на wordpress

Верстка макету

Ищем верстальщика.