Нужно создать скрипт (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
643 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 верстка
Создать макет сайта по кофейной продукции
3000 UAH
Мне нужно создать однотипный сайт для проекта по дипломной работе, не вычурно, но и не банально. Чтобы была возможность регистрации, корзина, сам продукт, как на макете. Больше уточнений можно узнать в чате. HTML и CSS верстка, Javascript и Typescript ∙ 42 минуты назад ∙ 17 ставок |
Сайт для свадебных фотографов под ключ: дизайн + текст + запускИщем специалиста (или студию) для создания сайта-портфолио под ключ - полный цикл от концепции до публикации. Хотим минимум участия с нашей стороны: вы берете задание и доводите до готового результата. Что входит в работу «под ключ»: • Дизайн в стиле premium / editorial /… HTML и CSS верстка, Дизайн сайтов ∙ 1 час 12 минут назад ∙ 37 ставок |
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 1 день 21 час назад ∙ 35 ставок |
Обработка и заполнение пакета документов (Word и PDF)
3015 UAH
Ищу фрилансера для оперативного заполнения и форматирования пакета документов по готовым шаблонам (договоры, контракты, декларации). Что входит в задачу: Заполнение этих самых шаблонов (анкетные данные кандидатов, условия, даты) в готовые формы Word/PDF; Проверка корректности… HTML и CSS верстка, Редактура и корректура текстов ∙ 2 дня 13 часов назад ∙ 32 ставки |
Верстка 3 страницНеобходимо сделать верстку с помощью tailwind под вордпресс. Страницы должны быть максимально изолированы от темы, чтобы не перекрывать никакие стили. Часть элементов уже существует в реализованной теме, их необходимо переиспользовать. Мобильной версии в дизайне нет,… HTML и CSS верстка ∙ 2 дня 17 часов назад ∙ 63 ставки |
Одесса