iframe태그를 사용하지 않고 게시판에 영상 게시하는 방법

2019. 4. 5. 18:30프로그래밍/HTML

안녕하세요

아이굿입니다.

오늘은 <iframe>태그를 사용하지 않고

게시판에 영상을 업로드하는 방법을 알려드리려고합니다.

요즘엔 iframe 태그를 보안상의 문제로 지원하지 않는 게시판이 많아서(카페24, 다음카페 등) 유튜브 등 영상을 <iframe>태그를 사용해 게시판에 공유할 경우 글을 작성할때까지는 영상이 보이나, 막상 글을 게시하면 영상이 사라지는 현상을 발견하실 수 있을실겁니다.

이런경우 <iframe> 태그가 아닌 <object>태그를 사용하면 Adobe Flash 형식으로 영상이 게시가 됩니다.

예를 들어서

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

위 iframe 형식의 내용중 src="https://www.youtube.com/embed/6OwCrYDhbRc" 이부분이 유튜브 주소부분입니다.

 

이부분을 data="https://www.youtube.com/embed/6OwCrYDhbRc"형식으로 변환하여 object 형식에 대입하면

<object type="text/html" width="100%" height="500" data="https://www.youtube.com/embed/6OwCrYDhbRc" allowFullScreen></object>

위 코드처럼 변환됩니다.

 Adobe Flash 형식으로 영상을 게시할 경우 모바일환경에서는 재생되지 않을 수 있습니다.

(모바일 브라우저 대부분 Flash를 지원하지 않기때문)

서버에 mp4영상을 업로드 할 수 있다면 VIDEO태그를 사용해서 게시판에 게시하면 모바일에서도 플레이가 가능하다.

1 2 3 4 5 6 7 ··· 30