Тупик космонавтикиАмериканские баксы для американцев!Единая энергетическая система – фикция!Наш дорогой РоскосмосКонец Роскосмоса? – опубликована стоимость запуска астронавтоУкраина подтасовывает данныеПовышение тарифов на газ для населения РоссииRussian lives matterШведы продолжают умирать от коронавируса, американцы снижают летКонец эпохи офшоров?Карантинные режимы в регионах РоссииГазпром: пир во время чумыСлабость Сибири: расследованиеАнтиглобальный рынок энергоресурсовШвеция: ни карантина ни эпидемииПутин нашел высокодоходный рынок газаВ результате ошибки в США снизилась безработицаАвария в Норильске на ТЭЦ-3: факты, вопросы и дурдомГлава МЧС: я не знал, и губернатор не знал, а слон не догадывался̷Тотальный запрет куренияГермания: коронавирус оказался фейком, но потери реальныеПутин боится бунтаКак улучшить работу Яндекс ОблакаЗакат социальных сетейАнтисоветская ЗулейхаРолик-мечта. Стоп. СнятоСоциальная коммерция Яндекс ДзенКухарка – видеоблогерВыездная виза “пристрелить на границе”После COVID останется только выжженная земляСоюз меча и оралаБоевые учения мировой войныЗачем нужен Морской стартПоследний день АмерикиМикроволновка 5GСледующий шаг – на митинг по электронному пропуску?Как связано распространение коронавируса с сетями 5GЦена нефти WTI упала до -40 долларовПропускной режим в Москве и Московской области. Как получить элекЕврейский вопросБритания: радость пришла откуда не ждалиСоловьев на Вести-ФМ клянчит деньгиНовая сделка ОПЕК+: расширенный список стран и обязательствНефтяная самоизоляция СШАВВП США по секторам экономики в 2019 годуСможем ли мы вернуться к нормальной жизни?Скорость распространения коронавирусаКак сделать голосование в ДзенеГолосование: какие меры должно предпринять правительство?Масса с точки зрения физикиДостаточно ли у России продовольствия?Депозиты и валюта при Путине: что выгоднее?Международных резервов РФ хватит только на 20 недель?Титаник США налетел на айсберг коронавирусаСравнение влияния кризиса на людей в США и России
ГЛАВНАЯ >> Информационные технологии >> Как сделать автоматическое воспроизведение аудиофайла в нужном месте страницы (при скролинге).

Как сделать автоматическое воспроизведение аудиофайла в нужном месте страницы (при скролинге).

Если есть необходимость не просто сделать autoplay при загрузке страницы, то можно воспользоваться плагином Aesop Story Engine.

После установки в редакторе  появится “Add Component”.

Использовать ее надо только в текстовом редакторе. В нем вставляется шорткод и все работает, в визуальном редакторе вставляется какой-то нерабочий HTML код.

Позволяет запускать аудио при появлении на экране нужного (где установлен шорткод) фрагмента, остановки воспроизведения (так же настраивается) после “ухода” за границы экрана.

При повторном появлении, воспроизведение продолжается (т.е. как бы ставится на паузу и продолжается)

Неудобно, что если выбрана опция показать аудио плеер, то при ручной постановки на паузу, происходит реверс установок – при уходе с экрана начинает воспроизводиться, при появлении – пауза.

Что будет при отключении автоматической паузы при уходе с экрана не проверял, возможно при появлении – будет меняться статус play/pause при исчезновении ничего не будет происходить.

Плагин еще обладает несколькими интересными возможностями, с которыми я не стал разбираться.

  • Авто воспроизведение видео при скролинге
  • Эффект параллакса для изображений
  • Галерея (создается отдельно)
  • Эффекты появления изображений на страницы
  • Автоматический скролл карты(!)

и тд.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

© Копирование и перепечатка материалов только с разрешения автора

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: