답변 2개
채택된 답변
+20 포인트
2017-02-13 (월) 00:30:55
Copy
<html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script>var yt_id='my-youtube'; // 유투브 아이프레임 들어갈 div태그의 idvar yt_height='390'; // 동영상 세로var yt_width='640'; // 동영상 가로var video_id='Uuy1wJ_IEDE'; // 유투브 video_id: https://www.youtube.com/watch?v=Uuy1wJ_IEDE</script><script src="https://cdn.rawgit.com/ramomo/youtube/paid/scroll-auto-player.js"></script></head> <body><div style="height: 1000px">동영상을 보려면 밑으로 스크롤하세요!</div><div id="my-youtube">유투브 아이프레임 자동삽입</div><div style="height: 100px">!!!</div></body> </html>
sinbi제이쿼리를 이용해 스크롤의 높이를 감지 후,
그 높이가 되었을 때 유투브 태그에 자동 재생 코드가 삽입되도록 하면 될 것 같네요.
말은 쉽게 했는데, 제이쿼리를 좀 공부해야 구현이 가능할 것 같네요.
답변을 작성하려면 로그인이 필요합니다.