another syntax fix

index.html

@@ -147,7 +147,7 @@ <h1 class="display-4 p-5">mexikoedi</h1>
 				<h2 class="p-3">Demonstrations</h2>
 				<p class="mb-4">A collection of YouTube videos that showcase my various projects.</p>
 				<div class="ratio ratio-21x9">
-					<iframe data-src="https://www.youtube-nocookie.com/embed/videoseries?list=PLxlcWgkzKADwTTHndYpfcLT0OTfWrH0Zo" loading="lazy" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+					<iframe data-src="https://www.youtube-nocookie.com/embed/videoseries?list=PLxlcWgkzKADwTTHndYpfcLT0OTfWrH0Zo" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 				</div>
 			</div>
 		</section>
@@ -351,7 +351,7 @@ <h2 class="p-3">About</h2>
 		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 		<script>
 			document.addEventListener('DOMContentLoaded', function () {
-				const iframe = document.querySelector('iframe');
+				const iframe = document.querySelector('iframe[data-src]');
 				const observer = new IntersectionObserver((entries, observer) => {
 					entries.forEach(entry => {
 						if (entry.isIntersecting) {