본문 바로가기

유투브동영상

(2)
티스토리 모바일에서 유투브(youtube) 동영상화면 크기문제 티스토리 모바일에서 유투브(youtube) 동영상화면 크기문제 안녕하세요. 매의눈입니다.금일은 모바일에서 블로그 페이지 내 유투브 동영상을 봤을때화면비율이 안맞는 문제를 해결해볼까 합니다. 우선 참고사진부터 보시겠습니다. 먼저, PC화면에 나오는 유투브 동영상 크기.다음은 모바일화면에서 보이는 유투브 동영상 크기. 차이점을 아시겠나요?모바일화면에서 보면 위 사진과 같이 가로화면 비율이 안맞기 때문에제대로 된 영상을 시청할 수가 없습니다. 그럼 어찌해야 할까요?방법은 바로 소스코드에서 가로사이즈를 100%로 하면 됩니다. 소스를 한번 수정해보겠습니다. 이와 같이 유투브 동영상 소스에서 width 값을 px 값이 아닌 퍼센트로 변경해줍니다.(※ 가로값을 100%로 주었기때문에 height 값도 어느정도 늘려..
유투브 동영상 다운로드 크롬에서 하기 유투브 동영상 다운로드 크롬에서 하기 매의눈입니다. 이번 포스팅은 유투브 동영상을 크롬에서 다운받는 방법을 알려드리겠습니다. 크롬에서 유투브 동영상을 받는 방법은1. 확장프로그램을 이용한 방법.2. 북마크에 자바스크립트 코드를 넣어서 다운받는 방법.이 두 가지가 있습니다. 오늘 포스팅할 내용은 2번북마크에 자바스크립트 코드를 넣어서 다운받는 방법입니다. Step1. 크롬에서 북마크를 추가합니다.1. 설정-북마크바 표시2. 임의의 사이트 접속 후 주소창 우측 별모양 아이콘 클릭 Step2. 북마크바에 표시 된 북마크에 마우스 우클릭 후"수정" 을 클릭한다. Step3. 이름은 기호에 맞게 변경하고URL 부분에 자바스크립트를 집어넣는다. - 스크립트 소스 - javascript:(function(){docu..