Как сделать появление объекта только при прокручивании до определённой позиции?

Question

[itworlds]

Здравствуйте. У меня в коде есть элемент видео с ютуба - https://jsfiddle.net/e4kq2mha/

Помогите пожалуйста написать скрипт на javascript или jquery (желательно на js), который начинал загрузку элемента только при пролистывании пользователем до самого элемента.

Буду очень благодарен!

Comments

[Rustam Bainazarov]

Lazysizes JS.

iframe class="lazyload" data-src="http:/..."

[di]

На нативном js я бы сделал так
https://jsfiddle.net/2movgtrs/1/

ссылки которыми пользовался для написания кода
https://learn.javascript.ru/onscroll
https://developer.mozilla.org/ru/docs/DOM/document...
https://learn.javascript.ru/modifying-document

[itworlds]

Алексей Долгов, Спасибо большое!

[itworlds]

Алексей Долгов, Всё супер!

Answer 1

[Genrikh]

Для похожего функционала года 3 назад использовал jQuery-viewport-checker. Работает без нареканий и по сей день.