테스트 사이트 - 개발 중인 베타 버전입니다

유투브 아이프레임 자동재생 질문드려요~ 채택완료

초보자나요 8년 전 조회 8,047

페이지 하단 쯤에 유투브 영상을 넣었는데요

자동재생을 시키면 하단에 있어서 소리만 나오고 스크롤을 내려야 되는데요

 

사용자가 스크롤을 내려 영상을 보게 되면 그때부터 재생이 되던가

그런게 힘들다면 스크롤 해서 딱 그화면에 왔을때 인클루드 할수 있는 방법이 있나요?

 

조언좀 부탁드립니다 ㅠㅠ  

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
8년 전

</p><p><html></p><p><head></p><p style="margin-left: 40px;"><span style="font-size: 11pt;"><script src="<a href="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a>"><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a></a>"></script></span></p><p style="margin-left: 40px;"><span style="font-size: 11pt;"><script></span></p><p style="margin-left: 40px;">var yt_id='my-youtube'; // 유투브 아이프레임 들어갈 div태그의 id</p><p style="margin-left: 40px;">var yt_height='390'; // 동영상 세로</p><p style="margin-left: 40px;"><span style="font-size: 11pt;">var yt_width='640'; // 동영상 가로</span></p><p style="margin-left: 40px;"><span style="font-size: 11pt;">var video_id='</span><span style="font-size: 14.6667px;">Uuy1wJ_IEDE</span><span style="font-size: 11pt;">'; // 유투브 video_id:  </span><a href="<a href="https://www.youtube.com/watch?v=Uuy1wJ_IEDE" target="_blank" rel="noopener noreferrer">https://www.youtube.com/watch?v=Uuy1wJ_IEDE</a>"><a href="https://www.youtube.com/watch?v=Uuy1wJ_IEDE" target="_blank" rel="noopener noreferrer">https://www.youtube.com/watch?v=Uuy1wJ_IEDE</a></a></p><p style="margin-left: 40px;"><span style="font-size: 11pt;"></script></span></p><p style="margin-left: 40px;"><script src="<a href="<a href="https://cdn.rawgit.com/ramomo/youtube/paid/scroll-auto-player.js" target="_blank" rel="noopener noreferrer">https://cdn.rawgit.com/ramomo/youtube/paid/scroll-auto-player.js</a>"><a href="https://cdn.rawgit.com/ramomo/youtube/paid/scroll-auto-player.js" target="_blank" rel="noopener noreferrer">https://cdn.rawgit.com/ramomo/youtube/paid/scroll-auto-player.js</a></a>"></script></p><p></head></p><p> </p><p><body></p><p style="margin-left: 40px;"><div style="height: 1000px">동영상을 보려면 밑으로 스크롤하세요!</div></p><p style="margin-left: 40px;"><div id="my-youtube">유투브 아이프레임 자동삽입</div></p><p style="margin-left: 40px;"><div style="height: 100px">!!!</div></p><p><span style="font-size: 11pt;"></body></span> </p><p></html></p><p>

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전

제이쿼리를 이용해 스크롤의 높이를 감지 후, 

그 높이가 되었을 때 유투브 태그에 자동 재생 코드가 삽입되도록 하면 될 것 같네요. 

 

말은 쉽게 했는데, 제이쿼리를 좀 공부해야 구현이 가능할 것 같네요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인