반응형 유튜브 동영상 넣기
본문
요즘 반응형 웹이 대세라고들 하지요.
저같은 경우는 처음 반응형을 처음 써보는지라 여러가지 문제점들이 생기네요.
아직까지 뭐 치명적인 단점이나 문제점은 보이지 않습니다.
오히려 PC나 스마트폰 어디에나 일관되게 보여준다는 점이 정말 마음에 듭니다.
그러다 오늘 또 사소한 문제점 하나 발견했네요.
기존의 티스토리 플러그인을 이용하여 유튜브 동영상을 삽입하거나
유튜브 자체의 소스코드를 이용해서 유튜브를 삽입하는 경우 둘다 공통적으로 발생하는 문제점입니다.
그냥 말로 하기보다 바로 사진으로 보여드릴께요.
일단 PC로 볼때는 아무 문제없습니다. 하지만 모바일에서 보게 되면 위와 같이 보이게 됩니다.
플레이하기 전에는 좌측과 같이 화면이 짤려서 보이고, 플레이하면 우측과 같이 영상 자체는 짤리지 않지만
위와 아래로 검은 여백이 많이 남게됩니다.
지정된 높이가 모바일에서 볼때도 여전히 적용되어서 나타나는 문제인 듯 합니다.
이같은 문제를 말끔히 해결해주는 방법이 있어서 소개드립니다.
http://embedresponsively.com/
위 사이트로 이동하시면 위 사진과 같은 화면이 뜹니다.
저기에 해당되는 유튜브 동영상 주소만 넣으시면 됩니다.
댓글목록
등록된 댓글이 없습니다.
