Нужно создать скрипт (javascript, jquery)
200 UAHНа странице есть несколько видео, скрипт должен воспроизводить видео только те которые появляются в видимой области экрана, если они они выходят за пределы видимой области экрана то они должны останавливаться. Это для мобильной версия экарана и планшета.
Для десктопа (ПК) необходимо сделать воспроизведение видео при наведении курсора, если курсор убираем то воспроизведение останавливается
вот такой вариант не подходит
$(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
Этот скрипт должен работать на всех браузерах
-
1 день300 UAH
618 28 6 2 1 день300 UAH
🔥 Доброго времени суток Женя, с радостью готов взяться за ваш заказ 🔥
💼 Готов исправить ошибку с видео. Так же готов к подальшему сотруднечеству 💼
Мои умения:
• 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
-
2 дня500 UAH
506 13 0 2 дня500 UAH
Добрый день! Готов посмотреть, только необходима страница с этими видео, т.к. надо видеть, что у Вас там в HTML
-
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();
}
});
-
Somebody give this man a 200 грывень.
-
И к чему это? )
Давай расписывай дальше, что открыть, куда скопировать, как сохранить и т.д.
Ты же сам понимаешь что цена смешная - так дай возможность начинающим получить "отзыв" - для кого-то он очень важен. -
Актуальные фриланс-проекты в категории HTML и CSS верстка
Оптимизация сайта
Оптимазация сайта jdgreta.co.uk на Shopify. Сео аудит приложен к проекту. Основные задачи - - Поправить все мета данные - Выполнить ТЗ для программиста (тк в этом проекте совмещены задачи для программиста и СЕО, если вы не компания - можете использовать помощь) - Поправить… HTML и CSS верстка, PHP ∙ 10 часов 53 минуты назад ∙ 24 ставки |
Перенос сайта на Shopify
Нужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 1 день 4 часа назад ∙ 37 ставок |
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 1 день 10 часов назад ∙ 103 ставки |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 1 день 13 часов назад ∙ 51 ставка |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 1 день 16 часов назад ∙ 134 ставки |
Одесса