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

본문에 유튜브 주소 썸네일 가져오기 채택완료

타버린나무 3년 전 조회 1,849

본문에 있는 이미지는  get_list_thumbnail() 함수를 이용해 불러올수 있더군요

 

그럼

 

본문에 있는 유튜브 주소의 썸네일을 가져오려면 어떻게 해야하나요..

 

찾아보니 링크에 유튜브 주소의 썸네일을 가져오는 소스만 있네요..  저는 본문에 유튜브 주소를 가져오고 싶습니다.

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

답변 2개

채택된 답변
+20 포인트

https://funissu.com/youtube-thumbnail-extraction/

위 링크에 유튜브 썸네일 주소를 가져오는 패턴이 있습니다.

 

<div id="bo_v_con">

어쩌구저쩌구

https://www.youtube.com/watch?v=T2ZNOZmdD-E

어쩌구저쩌구

<div>

 

위와 같은 식으로  유튜브 영상이 걸려 있다면...

유튜브의 아이디가 항상 11 자리 문자라는 것을 감안하여.

저 같은 경우는 split 메소드와 slice 메소드를 이용하여 아래처럼 추출합니다.

물론 이것 이외에도 문자열을 파싱하는 방법은 많습니다.

 

<script>
ytId = bo_v_con.innerHTML.split("https://www.youtube.com/watch?v=")[1].slice(0, 11);
ytImage = "https://i1.ytimg.com/vi/" + ytId + "/maxresdefault.jpg";
document.write(ytImage);
</script>

 

결과는 https://i1.ytimg.com/vi/T2ZNOZmdD-E/maxresdefault.jpg

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

답변에 대한 댓글 1개

타버린나무
3년 전
감사합니다.

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

제목은 유튜브 주소 썸네일을 가져오고 싶다고 그러시고

본문에는 유튜브 주소를 가져오고 싶다 하시고..

 

일단 생각부터 정리하셔야 할듯하네요.

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

답변에 대한 댓글 1개

타버린나무
3년 전
그렇네요. 반복해서 쓰다보니 ..

링크가 아닌 본문에 유튜브 주소가 있을경우 그 유튜브 주소의 썸네일을 가져오고 싶었던거였습니다.

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

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

로그인