My YouTube Channel
Latest videos, photography, restoration projects, and more
Loading videos...
${title}
${description.substring(0,120)}...
${date}
`;
card.addEventListener('click', () => {
openVideo(videoId);
});
videoGrid.appendChild(card);
});
}
function openVideo(videoId){
const modal = document.getElementById('videoModal');
const player = document.getElementById('youtubePlayer');
player.src = `https://www.youtube.com/embed/${videoId}?autoplay=1`;
modal.style.display = 'flex';
}
function closeVideo(){
const modal = document.getElementById('videoModal');
const player = document.getElementById('youtubePlayer');
player.src = '';
modal.style.display = 'none';
}
window.addEventListener('click', function(e){
const modal = document.getElementById('videoModal');
if(e.target === modal){
closeVideo();
}
});
const searchInput = document.getElementById('searchInput');
searchInput.addEventListener('keyup', function(){
const value = this.value.toLowerCase();
const filtered = allVideos.filter(video => {
return video.snippet.title
.toLowerCase()
.includes(value);
});
renderVideos(filtered);
});
fetchVideos();