<문제> 유튜브 영상 올리려는데, iframe 태그가 안먹혀요!! (embed 태그 변환)

  요즘 티스토리를 비롯한 대부분의 사이트는 유튜브 영상의 iframe 태그가 기본으로 적용됩니다. 심지어 일부 사이트에서는 유튜브 링크만 복사-붙여넣기 해도 해당 사이트가 알아서 영상을 인식하여 띄워줍니다.

  하지만, 일부 웹사이트에서는 아직까지도 iframe 태그가 안 먹히는 곳이 있더라구요. 예전 버전 제로보드 기반 웹페이지들이 좀 그렇더라구요. 이럴 땐, iframe태그를 embed 태그로 변환하여 올려야 합니다. 근데 요즘엔 유투브가 embed 태그를 지원하지 않고 있습니다. 보안 이슈 등의 문제가 있어 공식적으로 iframe태그의 사용을 권장하는 것으로 보입니다. 근데 어쩌겠어요? 필요할 땐 변환해야지..

  불과 1~2년 전만 해도 코드를 클릭 한 번으로 변환할 수 있는 사이트가 여러 곳 있었습니다. 근데 요즘엔 그런 사이트마저 거의 없어졌어요. 왜냐면.. 요즘 웬만한 사이트는 최소 iframe 태그를 지원해주니. 그나마 남아있는 변환 페이지들도 페이지들이 불안정한 경우가 많고...

  그렇지만! 그런 페이지에 보안 문제를 굳이 감수하며 들어갈 필요는 없습니다. 그냥 제가 써놓은대로만 따라하셔도 변환 가능합니다. 정말 간단한 방법입니다. 자, 아래의 박스대로 따라하시죠.

<iframe width="560" height="315" src="https://www.youtube.com/embed/YEHa36AzA_c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

iframe 태그입니다. 여기서 바꿀 곳을 표시해보겠습니다.

<iframe width="560" height="315" src="https://www.youtube.com/embed/YEHa36AzA_c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

자, 빨간 굵은 글씨 보이시죠? 저 부분만 바꾸면 됩니다. 어떻게요? 아래의 두 가지만 기억합시다.

- iframe => object

- src => data

이제 바꿔보겠습니다. 파란 굵은 글씨를 보시면 됩니다.

<object width="560" height="315" data="https://www.youtube.com/embed/YEHa36AzA_c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></object>

변환 완료! 참 쉽죠?!

  그래도 iframe 코드를 쓸 수 있는 곳이라면 되도록이면 iframe 코드를 사용하실 것을 추천드립니다. 요즘엔 embed태그가 막힌 곳도 꽤 있을겁니다. 어디까지나 본 글은 유사시를 대비한 글이란 걸 잊지 마시길..!