lazy load src element video,source,iframe

index.js

	function isInViewport(el) {
		const rect = el.getBoundingClientRect();
		return (
			rect.top >= 0 &&
			rect.left >= 0 &&
			rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
			rect.right <= (window.innerWidth || document.documentElement.clientWidth)

		);
	}

document.addEventListener('scroll', LLoad, {
    passive: true
});

function LLoad(){
	
	document.querySelectorAll('video,source,iframe').forEach(item=>{
	
			if (item.dataset.src && isInViewport(item)){
			   item.src = item.dataset.src
				item.removeAttribute('data-src')

			}		
		
	})
}
LLoad()