티스토리 블로그 유튜브 동영상 가운데 정렬 html을 이용하자

2시간 전 쯤에 글을 하나 작성했는데, 처음으로 유튜브 동영상을 올려 보았다. html 소스를 이용하여 퍼온 다음, 화면 중앙에 놓으려고, 글쓰기 할때  처럼 가운데 정렬을 눌렀는데 적용이 안되더라. 티스토리 블로그에서 직접적으로 처리 하는것이 아닌 사용자가 소스를 넣어줘야 하는 듯 하다. 혹여 비슷한 상황에 처하였는데, 방법을 몰라 애먹고 있는 분들이 있을까 싶어 정렬 하는 방법에 대해서 적어본다. 바쁘신 분들은 가장 아래 핵심 내용을 남겨 두었으니 그걸 보도록 하자.

유튜브 동영상 가운데 정렬 방법

먼저 기본적으로 제공되는 소스를 html에 입혀 주면 이렇게 자동으로 왼쪽 정렬이 된다. 

현재 적고 있는 글과 동영상의 p 태그를 유심히 보면 답이 나온다. 유튜브에서 퍼온 영상도 중앙으로 가도록 지정해 주어야 한다. iframe 바깥 부분에 p태그 정렬을 middle이나 center로 해주면 해결 된다.

 

다시 글쓰기 창으로 돌아오면 이렇게 가운데 정렬된 동영상을 볼수 있을 것이다.

간단하게 요약하자면, 소스를 퍼온 후에 주소 양옆으로 바로 위 그림에 나와 있는 것처럼 적용해주면 된다.