[티스토리 팁] 유튜브 동영상 삽입하기 / 동영상 테두리 둥글게 하기

안녕하세요 yunamom 입니다  :D

 

이번시간에는 유튜브 동영상 삽입 및 영상 테두리 둥글게 하는법을 포스팅하겠습니다.

 

1. 티스토리에 유튜브 동영상 삽입하기

 

• 먼저 유튜브에서 포스팅할 동영상을 선택후 share 버튼을 눌러줍니다.

• Embed 버튼을 클릭 합니다.

• 비디오 링크를 ctrl + c 해서 복사해 줍니다.

 

• 블로그 글작성을 돌아와서 오른쪽상단에 1.기본모드를 클릭 2.HTML 을 선택해줍니다.

• 그후에 원하는 위치에 복사한 링크를 ctrl + v 붙여넣기 해줍니다.
• 여기서 테두리 둥글기를 바로 적용하려면 iframe 코드 안에 style="border-radius: 0.8rem"  css 를 추가작성해주시면됩니다.

• 동영상이 포스팅된 모습

• 이렇게 포스팅된 경우 수정을 하게되면 동영상 테두리 효과가 사라집니다.❌

수정 후

---

2. 동영상 테두리 둥글게 하기

 

• 테두리 효과를 계속 적용시켜 주기 위해 스킨편집에서 코드를 추가 작성해줍니다.
• 관리자모드 - 꾸미기 - 스킨편집

• html 편집을 눌러줍니다.

• css 클릭 - 코드추가작성 - 적용 클릭 - 새로고침 클릭 하면 효과가 적용된거를 바로 확인할수있습니다. 😊

👇아래 코드를 css 마지막줄에 추가 작성해줍니다.

iframe {
	border-radius: 0.8rem;
}

이렇게 추가해주시면 포스팅을 수정하시더라도 테두리효과가 계속 지속됩니다 😊