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

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

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

$(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
Рейтинг 595

Бюджет: 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

Василий Х. 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

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

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

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

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

Нужно создать скрипт (javascript, jquery)

Отзыв заказчика о сотрудничестве с фрилансером

Нужно создать скрипт (javascript, jquery)

5.0

Женя О.

Отзыв фрилансера о сотрудничестве с Женей О.

Нужно создать скрипт (javascript, jquery)

5.0

Pavlo Suhoniako

Александр С.

Ставки скрыты

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

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

Разработка профессионального HTML email и подготовка его к рассылке.

Правки на сайте WP

Верстка+дизайн Суши-бару

Редизайн и перезапуск сайта стоматологической клиники Brovchak Family Dental Care

Доработать шаблон WIX