반응형
티스토리 유튜브 동영상을 넣는 방법에 대해서는 여러가지가 있다고 앞에서 설명 드렸습니다. 우리가 동영상을 블로그에 넣는 이유에 대해서 목적을 명확히 한다면 거기에 맞추어서 동영상을 삽입하는 방법을 선택 하실수 있는데요. 첫번째로는 링크를 남겨서 광고가 더 잘 뜨게 하는 방법이 있을수 있고, 두번째로는 동영상을 블로그내 삽입하여서 체류시간을 늘려주시는 방법이 있을수 있습니다. 여기서는 블로그내 삽입을 할 수 있도록 하는 방법을 간단히 말씀 드리겠습니다.
유튜브 아이프레임 복사하기
이는 유튜브 시청화면에서 마우스 우클릭을 하면 "소스코드 복사"를 통해서 HTML을 얻을 수 있습니다. 이 HTML코드를 블로그 글쓰기 내용중 동영상을 삽입하려는 위치에 가서 , HTML화면보기 로 전환하신 후에 코드삽입만 해주시면 됩니다.
반응형 VS 고정형
다만 동영상 삽입시에는 유튜브 아이프레임코드를 그대로 삽입하시게 되면 , 동영상 크기가 조절이 되지 않습니다. 따라서 이 경우에 동영상 크기 조절이 자동적으로 되게 하기 위해서는 반응형 HTML코드로 만들어 주어야 합니다. 이렇게 동영상 크기를 반응형 코드로 넣어 두게 되면 , 원하는 PC화면이든 모바일 화면이든 자유 자재로 맞춤형 화면이 뜨게 됩니다. 관련 HTML코드는 아래에서 받으신 코드 <iframe> 사이에 넣어 주시면 됩니다.
반응형
'유용한 파일 다운로드' 카테고리의 다른 글
| 내블로그 불법복제 방지 , 보이지 않게 내원문 출처 남기는 비밀 (0) | 2023.07.04 |
|---|---|
| 내블로그 사이트 도용 찾기 - 검색어에 아래파일 넣기 | 1분 유용정보 (0) | 2023.07.02 |
| 블로그 자동글쓰기 프롬프트 1가지만 알면 된다? (6) | 2023.06.11 |
| 티스토리 로딩이미지 HTML코드 다운로드 바로가기 (0) | 2023.06.07 |
| 구글 빠른색인 플러그인 설치 Indexing API (0) | 2023.06.02 |
| HTML 칼라 색상 선택하는 방법 , CSS 적용 (0) | 2023.05.28 |
| TOC 자동목차 설정 위한 CSS 추가 (0) | 2023.04.08 |
| 자동목차 HTML <body> 소스 코드 다운로드 (0) | 2023.04.08 |
댓글