예
의 사용 media 속성 :
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
»그것을 자신을 시도 정의 및 사용
media 속성은 미디어 자원의 종류 (어떤 미디어 / 디바이스 파일에 대해 최적화 됨)을 지정.
브라우저가 파일을 재생 할 수 있는지 여부를 확인하려면이 속성을 사용할 수 있습니다. 그것은, 그것은 선택할 수없는 경우 다운로드 할 수 없습니다.
참고 :이 속성은 여러 값을 받아 들일 수 있습니다.
브라우저 지원
| 속성 | |||||
|---|---|---|---|---|---|
| media | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 |
HTML 4.01과 HTML5의 차이점
<source> 태그는 HTML5의 새로운 기능입니다.
통사론
<source media="value">
가능한 Operators
| 값 | 기술 |
|---|---|
| and | 는 AND 연산자를 지정합니다 |
| not | 해당 없음 연산자를 지정합니다 |
| , | 는 OR 연산자를 지정 |
장치
| 값 | 기술 |
|---|---|
| all | 모든 장치에 적합합니다. 이 기본이다 |
| aural | 음성 합성기 |
| braille | 점자 피드백 장치 |
| handheld | 핸드 헬드 장치 (작은 화면, 제한된 대역폭) |
| projection | 영사기 |
| 인쇄 미리보기 모드 / 인쇄 된 페이지 | |
| screen | 컴퓨터 화면 |
| tty | 고정 피치 문자 격자를 사용하여 텔레타이프와 유사한 미디어 |
| tv | 텔레비전 유형 장치 (저해상도 제한 스크롤 기능) |
값
| 값 | 기술 |
|---|---|
| width | 타겟 표시 영역의 폭을 지정한다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (min-width:500px)" |
| height | 목표 디스플레이 영역의 높이를 지정한다. "min-" 및 "max-" 프리픽스가 사용될 수있다. Example: media="screen and (max-height:700px)" |
| 클래스 = "notranslate"장치 폭 | 대상 디스플레이 / 용지의 폭을 지정합니다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (device-width:500px)" |
| device-height | 대상 디스플레이 / 용지의 높이를 지정합니다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (device-height:500px)" |
| orientation | 대상 디스플레이 / 용지의 방향을 지정합니다. 가능한 값 : "portrait" 또는 "landscape" 예 : media="all and (orientation: landscape)" |
| aspect-ratio | 목표 디스플레이 영역의 폭 / 높이 비율을 지정한다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | 대상 디스플레이 / 용지의 장치 폭 / 장치 - 높이 비율을 지정합니다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (aspect-ratio:16/9)" |
| color | 대상 디스플레이의 색상 당 비트를 지정합니다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (color:3)" |
| color-index | 대상 디스플레이가 처리 할 수있는 색상의 수를 지정합니다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (min-color-index:256)" |
| monochrome | 흑백 프레임 버퍼의 픽셀 당 비트를 지정한다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="screen and (monochrome:2)" |
| resolution | 대상 디스플레이 / 용지의 픽셀 밀도 (dpi의 또는 DPCM)를 지정합니다. "min-" 및 "max-" 프리픽스가 사용될 수있다. 예 : media="print and (resolution:300dpi)" |
| scan | TV 디스플레이의 주사 방법을 지정한다. 가능한 값은 "progressive" 와 "interlace" . 예 : media="tv and (scan:interlace)" |
| grid | 출력 장치는 격자 또는 맵인지를 지정. 가능한 값은 "1" 그리드 및 "0" 그렇지. 예 : media="handheld and (grid:1)" |