안녕하세요. 늘 수고가 많으십니다.
지난 번에 문의 드렸던 유튜브 동영상 삽입 문제는 답변해 주신대로 하니 해결되었습니다.
동영상은 삽입 되는데 또 다른 문제가 생겼습니다.
PC에서의 영상 크기를 적당하게 맞추면 (예를 들어 800*600) 모바일에서는 짤려서 가운데 부분만 나온다는 것입니다. 모바일에서도 반응형으로 적당하게 크기가 줄여서 나오도록 할 수 없는 것인가요?
안녕하세요^^
사용 중인 스킨에 따라 코드가 다릅니다.
default 스킨을 기준으로 안내해드리겠습니다.
모바일에서 아이프레임으로 삽입한 동영상의 크기를 수정하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드에서 너비와 높이를 적절히 수정 후 적용해보세요.
@media screen and (max-width: 600px) {
#kboard-default-document .kboard-content .content-view iframe { width: 100%; height: 200px; }
}
default 스킨이 아닌 다른 스킨을 사용하고 계신다면
위 코드에서 default 부분에 스킨명으로 수정해보세요.
고맙습니다.