순딩sheep님의 글을 보다가 Object도 간혹 제한하는 데(정확히는 댓글같은데에서만)가 있어서 한번더 가공해봤습니다.

실험결과 모바일에서는 정상적으로 출력을 못할 수도 있으므로... object쓸수 있으시면 그거쓰세요.

원리 그런거 잘모릅니다.

대충 막짜 넣기 바쁩니다.

빨간색 - 반드시 바뀌어야 하는 부분

파란색 - 옮겨넣는 것...

녹색 - 기타 옵션

검정 - 설명필요없음.

<iframe width="640" height="360" src="//www.youtube.com/embed/f8soXTg_IBQ?rel=0" frameborder="0" allowfullscreen></iframe>

<embed src="//www.youtube.com/v/f8soXTg_IBQ?rel=0&version=3" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>

HTML 문법은 하나의 태그의 속성은 그 태그안에서의 순서는 거의 상관 없습니다. 

(다만 보통 정형화된 에디터가 만드는 형식 내지는 레퍼런스에 의해 순서를 정하기는 하지만 절대적인것은 아닙니다.)

요는 이겁니다.

iframe을 embed로 치환하고 화면 사이즈를 지정해주는 정도면 된다는거고,

?rel=0 는 관련영상 볼지 말지

&version=3 는 그냥 유튜브 동영상플레이어 UI디자인 버전입니다.

allowscriptaccess는 동영상 재생시에 밑에 스크립트제어를 활성화 하냐마냐입니다. 그냥 에지간하면 놔두시던지 지워버리셔도 됩니다.

allowfullscreen 는 영상 최대화 버튼을 활성화 할지 말지입니다.

type="application/x-shockwave-flash" 는 모바일등의 환경에서 타입을 지정해주는 거긴한데.. 될수도 안될수도 있습니다.

정말 태그를 모르겠다면

<embed src="//www.youtube.com/v/f8soXTg_IBQ" ></embed>

로 줄일수도 있고 그렇게 되면 아래와같이 나오게됩니다.

근데 정말 태그가 기억안나신다 하더라도

해상도 내지는 fullscreen활성화 정도는 지정해줍시다;

참고로 간단히 변환한 태그의  수준은 이정도입니다.

<embed src="//www.youtube.com/v/f8soXTg_IBQ?rel=0&version=3" width="640" height="360" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed>

실험결과 모바일에서는 정상적으로 출력을 못할 수도 있으므로... object쓸수 있으시면 그거쓰세요.