유튜브 iframe 스크립트로 삽입하기

한 사이트에서 정기 컨텐츠를 관리자 페이지에서 업로드 하는데, 어드민에서 iframe을 삽입했을 때 보안상의 이유로 게시글이 업로드 되지 않는다고 한다.

추후 업로드 게시물에는 youtube 영상을 삽입하고 싶은데 방법이 없냐는 문의가 왔다.

 

 

embed나 object태그를 쓰면 안되냐는 내용이 있었고,

나도 익숙하지 않은 내용이라 검색해 보니 2015년 이후로 지원이 끊겨서 더 이상 업데이트 되고 있지 않다고 한다.

https://www.w3schools.com/HTML/html_youtube.asp

그래서 해당 태그 사용으로 유튜브 로드 시 flash로 형성된다는 내용들이 있었다.

따라서 모바일 호환이 안된다.

https://www.youtube.com/watch?v=vjh6z6EACqQ

 

 

유튜브가 삽입될 때 마다 내가 작업 하는 것은 비효율적이니,

코드를 잘 모르는 사람도 운영할 수 있도록 스크립트로 작업했다.

추후 운영시 data-url=""내에 iframe src값만 넣어주면 된다.

영상은 귀여운 내덩생.