이글루스 블로그에 링크(object)한 동영상이 스마트폰 및 안드로이드 태블릿PC 에서 보이지 않을 때 - iframe 으로 처리 Egloos

몇 달 전부터 유튜브에 동영상을 업로드 해서 이글루스에 오브젝트(object) 태그로 붙여 동영상을 재생하도록 하고 있는데, 스마트폰에서 잘 재생되고 있다고 예상하고 있었으나 오늘 확인해 보니 동영상이 화면에 나타나지 않았다.
기억이 정확하지는 않지만, 예전에는 분명 오브젝트 태그로 블로그에 붙여 넣으면 잘 재생이 되는 것 같았는데 무슨 이유 때문에 재생이 안 되는지 확인하기 위해 몇 가지 테스트를 해보았다.
데스크탑 컴퓨터에서는 오브젝트로 붙여 넣은 동영상이 아무 문제없이 잘 재생이 되고 있다.
스마트폰과 태블릿PC 에서 접속을 해보니 스마트폰에서는 기존의 IE용 embed 태그도 보이지 않고 audio 태그로 작성한 것도 보이지 않았다.
태블릿PC 에서는 정지화면으로 보였지만 재생을 시키면 아무런 반응이 없다.
스마트폰에서 유튜브 사이트(YouTube.com)에 접속을 해보니 동영상이 아무 문제없이 재생이 되지만, 블로그에 오브젝트 태그로 붙여 넣은 동영상만 화면에 나타나지 않는다.
단정 지을 수는 없지만, 최근에 유튜브에서 유튜브앱을 만들어 배포하고 있고 유튜브의 동영상을 실행시키면 유튜브앱을 통해 재생하도록 하고 있는 것이 문제의 원인이 아닐까 생각된다.
웹페이지 자체에서 재생이 되지 않고 앱으로 연결해서 재생하도록 처리하면서 동영상을 링크한 오브젝트 태그가 정상적으로 작동하지 않는 것이 아닐까 싶다.

이 문제를 어떻게 해결해야 할까 고민하다가, 단순하고 명확한 결론을 내릴 수 있었다.
유튜브에서는 동영상을 외부에서 링크하여 재생할 수 있도록 iframe(아이프레임; 정식 명칭은 ‘이너프레임’) 방식을 지원하고 있고, 예전의 링크 방식인 오브젝트(object) 방식도 계속 지원하고 있다.
object 방식은 해당 웹페이지에서 사용자 컴퓨터(혹은 스마트폰 및 태블릿PC) 운영체제가 지원하는 객체(object)를 이용하여 동영상 파일만 유튜브에서 끌어다가 동영상을 재생하는 방식이다.
따라서 이 오브젝트가 정상작동 하지 않는다면 동영상이 웹페이지에서 정상적으로 처리되지 않아 재생이 불가능할 수 있다.
iframe 은 실제로 그 웹페이지가 아니라 유튜브의 웹페이지를 작은 프레임 안에 불러 오도록 하는 것이기 때문에 유튜브에서 동영상이 정상적으로 재생이 된다면 iframe 에서도 아무 문제없이 재생될 수 있다.

아마 최근까지 이글루스에서 iframe 태그를 지원하지 않아서 외부 동영상 링크가 어려웠던 것으로 알 고 있는데, 언제부터 허용이 된 것인지 모르겠으나 오늘 유튜브의 iframe 소스를 붙여 넣어 보니 동영상이 재생되었다.
검색된 정보에 의하면 2014년 3월 21일에 올라 온 글에서도 iframe 태그를 허용해 달라는 요청이 있다.

아무튼, 위에서 결론을 내렸듯이 유튜브 동영상을 object 로 링크한 경우 접속기기에 따라서 정상적으로 재생이 되지 않는 문제가 발생할 수 있지만, iframe 으로 링크를 하면 아무 문제없이 재생이 가능하다.
테스트를 해보니, 동영상을 모두 다운로드 한 후에 정보를 표시하는 것인지 링크한 동영상이 몇 초 후에 화면에 나타났다.

obect 태그와 iframe 태그를 모두 작성하여 각종 접속 기기에서 어떻게 보여지는지 테스트를 해보았다.
데스크탑에서는 두 태그 모두 정상적으로 작동했지만,
스마트폰과 태블릿PC 에서는 iframe 태그로 작성하여 붙인 동영상만 재생이 되었다.



이글루스에 붙여 넣을 경우 iframe 의 width(넓이) 를 100% 로 수정한다.
유튜브에서 iframe 소스를 복사하면 원본 동영상의 넓이 값으로 고정된 값이 지정이 되는데,
이글루스 블로그의 넓이 보다 긴 경우나
혹은 스마트폰 같이 화면 크기에 따라 자동으로 크기가 조절되어 보이는 경우에는
동영상이 스마트폰 화면을 넘어가서 잘릴 수도 있다.
이런 경우에는 넓이(width) 값을 100% 로 해놓으면 넓이가 화면에 맞게 자동으로 조절된다.
다만, 높이(height)는 고정된 값이기 때문에 동영상이 옆으로 길어져
왜곡되어 보일수도 있으므로 주의.



object 로 링크한 동영상이 스마트폰(안드로이드폰)에서는 화면에 보이지 않았다.


iframe 로 링크한 동영상은 처음 로드할 때 몇 초 동안 화면에 아무것도 보이지 않지만,
로드가 끝나자 위와 같이 동영상이 정상적으로 화면에 나타났고 재생에도 문제가 없었다.



덧글

댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.


통계 위젯 (화이트)

10781022
8119
10253680

google_myblogSearch_side

▷검색어

Flag Counter style2