개발자의 끄적끄적

[개발] youtube thumbnail image example / 유투브 썸네일 가져오는 방법 개발을 하다보면 youtube 의 썸네일 이미지를 표시해야 하는 경우가 종종 있습니다. 그럴때는 대표적으로 지정되는 썸네일을 아래와 같이 3가지 종류로 가져올 수 있습니다. 우선 아래와 같은 youtube 영상 주소가 있다고 가정하고, https://www.youtube.com/watch?v=aaa 일반 썸네일을 가져오려면 아래와 같이 default 를 사용하시면 되고, https://img.youtube.com/vi/aaa/default.jpg 중간화질의 썸네일을 가져오려면 아래와 같이 mqdefault 를 사용하시면 되고, https://img.youtube.com/vi/aaa/mqdefault.jpg ..

[개발] youtube 영상 썸네일 가져오기 youtube 영상을 홈페이지에 걸때 항상 썸네일이 문제가 되고는 합니다. 그래서 간단하게 youtube 이미지 서버에서 제공하는 썸네일을 가져오는 방법을 공유하고자 합니다! 우선 아래와 같은 youtube 영상 주소가 있다고 가정하면 https://www.youtube.com/embed/aaa 위 영상주소값은 맨뒤에 인자인 aaa 가 됩니다. 그걸 이미지서버 호출하는 부분에 대입하면 됩니다. https://img.youtube.com/vi/aaa/mqdefault.jpg 위처럼 aaa 라는 자리에 영상주소 값을 입력해주면 됩니다. 이렇게 가져오면 화면에 보여지게 됩니다! 참고들 하세요!

[개발/참고] iframe 유튜브 동영상 관련동영상 노출 설정 방법 iframe 에서 youtube 동영상을 플레이 시킬때, 동영상이 종료되면 꼭 관련 동영상이 나오곤 합니다. 그럴때 아래처럼 url 뒤에 인자를 붙여주면 됩니다. youtube/embed/동영상주소?rel=0 위 예시를 보시면 아시겠지만, ?rel=0 을 붙여주면 동영상이 종료된 후에 관련동영상이 변경됩니다. 예전에는 매개변수 값을 기본값인1로 설정하면 플레이어에 관련 동영상이 표시됩니다. 매개변수 값을0으로 설정하면 플레이어에 관련 동영상이 표시되지 않습니다. 위처럼 0과 1을 가지고, 관련 동영상 노출 / 비노출을 설정 가능했는데요. 변경 후에는 관련 동영상을 사용 중지할 수 없게 됩니다. 대신rel매개변수를0으로 설정하면 방금 동영..

[개발/참고] chrome 유튜브 iframe 동영상 자동재생 설정 방법 iframe을 이용하여 유튜브 동영상을 퍼와서 연동할때, 크롬에서 자동재생이 안되는 이슈를 많이들 겪으셨을 껍니다. 아래처럼 동영상 퍼가기 하면 나오는 소스코드를 붙여서 src 부분에 동영상 embed url 을 입력하고 잘뜨는데 왜 자동재생이 안되는지... 저도 한참 찾다가 방법을 찾아서 공유드립니다! 위처럼 그냥 embed_url 의 뒤에 ?autoplay=1 을 붙이면 자동재생이 되야 정상입니다. explorer에서는 자동재생이 잘되고 chrome에서는 안됩니다... 하지만, ?autoplay=1&mute=1 를 붙이면 explorer 와 chrome 둘다 정상 동작합니다.. 이걸 보고 추측하건데... chrome 에서는 so..

[javascript] youtube api 로 리스트 가져오기 function getYouTube() { $.ajax({ type : "GET", dataType : "JSON", url : "https://www.googleapis.com/youtube/v3/search?channelId=채널아이디값&part=snippet&maxResults=6&key=키값", contentType : "application/json", success : function(jsonData) { for (var i = 0; i < jsonData.items.length; i++) { var items = jsonData.items[i]; console.log(items); } }, complete : function(d..

[개발 참고] 유투브 썸네일 이미지 가져오기 동영상주소 : https://www.youtube.com/watch?v=2hTRAVIXjX8 위와같이 youtube 동영상 자료가 있다고 가정하고 v= 다음에 나오는 영문과 숫자의 조합이 바로 동영상에 대한 id값입니다. 바로 이 id값만 알면 해당 동영상의 썸네일 이미지를 가져올수 있습니다. 썸네일주소 : http://img.youtube.com/vi/2hTRAVIXjX8/2.jpg 바로 이러한 형식으로 url을 요청하면 해당 동영상의 120*90의 썸네일 이미지를 가져올 수 있습니다. 한개의 동영상에는 4개의 썸네일 이미지가 등록되어있고 파일이름은 각각 0.jpg, 1.jpg, 2.jpg, 3.jpg 입니다. 추가적으로 default 썸네일을 가져올수 있는..

[컴퓨터] youtube 자동반복 설정! 예를들어서, https://www.youtube.com/watch?v=G1R8H7N4qDk 반복하고자 하는 url이 위와 같다고 가정하면, https://www.youtuberepeat.com/watch?v=G1R8H7N4qDk youtube를 youtuberepeat 로 위처럼 바꿔서 입력해주면 다른사이트로 리다이렉팅이 되면서 무한반복모드가 됩니다! 사무실에서 업무보면서 노래들을때 유용하네요!! 참고들하세요!!