[HTML&CSS] 반응형으로 동영상 삽입하기
스펙 각 기기마다 기존 youtube의 너비, 높이 비율대로 유지한 채로? 노출되어야 하고, 모바일 화면을 PC에서 확인했을시 브라우저 창 Resizing할 시, 영상도 함께 리사이징되어야 함. 문제점 초기 로딩했을시에 height지정을 해주지 않으면 납작하게 노출되거나, 아래 (알수 없는)빈 공간도 생겨서 안없어짐. 해결 영상 삽입에 관련해서 구글링해본 뒤, 해결. 전체 소스 코드 확인 가능. height을 지정해주면, 창의 크기가 변경될 때마다 영상의 크기도 함께 변경되지만, 아래와 같이 위아래 검정색 공백?이 생긴다. .pop_video .pop_wrap .video_wrapper{ position:relative; height:500px; overflow:hidden; max-width:100%;..
Develop/HTML/CSS
2015. 8. 24. 14:25
