Как сделать автоматическое воспроизведение видео только когда место со вставленном видео появится на экране (при сколинге)?

Question

[Алексей]

На некоторых сайтах видел такое. Причем звук "нарастает" по мере появления видео.
Можно ли такое делать только со звуком? Т.е. видео нет, а при скролинке до определенного места, начинает воспроизведение аудио?

Comments

[ой всё]

эппл вроде наконец обещал заткнуть все такие видео в новом сафари

[Павел Корнилов]

В обработчике скролла запускать API плеера.

[Алексей]

KorniloFF, а теперь по русски если можно!)) или пример кода в песочнице, плиз!

[Алексей]

ой всё, Ну я не для рекламы. Хочу чтобы песни военных лет звучали, при просмотре "Мамаева кургана", и про Волгу, когда про волгу. Мне кажется это никого не будет напрягать. А вот видео которые сами воспроизводятся , точнее сами появляются, меня самого напрягают, больше из-за того что текст прыгает!
selftrips.ru/strany-i-mesta/sssr/rossiya/volgograd...

[Павел Корнилов]

Алексей selftrips.ru,

window.onscroll = function(e) {
	if(scrollY > 300) play();
}

play - условная функция, стартующая плеер. Её нужно смотреть в API плеера.

Answer 1

[Егор Живагин]

Погугли "lazyload js"

Суть в том, что ты:
1) Вычисляешь расстояние от нужного элемента до верхнего края сайта
2) Вычисляешь позицию скролла (расстояние от верхнего края экрана до верхнего края сайта)
3) В зависимости от первых двух значений делаешь, что тебе нужно (включаешь плеер, запускаешь видео, подгружаешь картинки, ...)

Comments

[Алексей]

Я имел в виду более менее готовое решение.

[Егор Живагин]

Алексей selftrips.ru, это строчек 10-15 на самом деле, скорее даже меньше
Можете взять ScrollMagic для упрощения