유투브에 있는 동영상을 html문서에 embed로 삽입하는 과정에서 소소한 문제가 생겼습니다.

유투브에서 제공하는 소스코드를 복사해서 테이블에 넣고.

레이아웃을 아래처럼 작성했습니다.

<object width="100%" height="250">
<param name="movie" value="http://www.yout~~~~~~~~~" / >
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtub~~" type="application/x-s~~~~" allowsc~="always" allowf~~="true" width="100%" height="250" />
</object>

width를 100%로 주어서 스마트폰으로 페이지를 볼때, 가로나 세로 어떤 비율에서든 최대사이즈로 보여주려는 의도인데...

테스트는 겔스와 옵큐로 해봤습니다.

세로로 해당 페이지를 열고 보면 최대치로 꽉차있습니다만, 그상태에서 가로로 전환하면 세로화면일때의 사이즈에서 변화가 없네요...

게다가 정렬도 안되는 옵션도 붙네요... -_-

그리고, 처음부터 가로모드로 페이지를 요청하면 또 꽉차서 나오다가 세로로 바꾸면 반쯤 토막난 것처럼 보이게 됩니다.

혹시나 해서 아이폰4의 사파리로 테스트해보았을 때는 의도한 대로 나오더라구요...

이를 해결하기 위한 방법을 고수님들께 여쭙고자 합니다...

많은 도움 부탁드립니다...

행여, 안드로이드나 브라우저의 문제일까요? ㅠㅠ