Latest web development tutorials

반응 형 웹 디자인 - 비디오 (동영상)

폭 속성을 사용

폭 특성을 100 %로 설정하면, 동영상 플레이어가 자동으로 화면 크기에 비례하여 조정되어야한다 :

예

비디오 {
폭 : 100 %;
높이 : 자동;
}

»시도

위의 예에서, 비디오 플레이어가 자동으로 화면의 크기에 비례하여 조정되고 원래 크기보다 클 수 있습니다. 종종 우리는 대신에 최대 폭 속성을 사용할 수 있습니다.

최대 너비 속성을 사용하여

최대 폭 특성을 100 %로 설정되는 경우, 비디오 플레이어는 자동으로 원본 크기보다 크지 화면에 비례하여 조정 없지만한다 :

예

비디오 {
최대 폭 : 100 %;
높이 : 자동;
}

»시도

동영상 페이지 추가

우리는 웹 페이지의 영상을 추가 할 수있다. 하기 실시 예 및 비디오 자동 영역 전체 DIV div의 영역 크기를 점유에 따라 조정된다 :

예

비디오 {
폭 : 100 %;
높이 : 자동;
}

»시도