> 웹 프론트엔드 > H5 튜토리얼 > html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개

html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개

寻∝梦
풀어 주다: 2018-08-17 17:34:06
원래의
7553명이 탐색했습니다.

html5 소스 태그를 어떻게 사용하나요? html5 소스 태그 속성 소개. 이제 이 글의 내용을 소개하겠습니다. html5 소스 태그의 사용법과 html5 소스 태그의 세 가지 속성에 대한 자세한 소개

html5 소스 태그 정의 및 사용법:

태그는 미디어 요소(예:

태그를 사용하면 브라우저가 미디어 유형이나 코덱 지원에 따라 선택할 대체 비디오/오디오 파일을 지정할 수 있습니다.

HTML5 태그 예:

두 개의 소스 파일이 있는 오디오 플레이어. 브라우저는 지원하는 파일을 선택해야 합니다(있는 경우):

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>
로그인 후 복사
로그인 후 복사

태그 기본 속성:

  • media: 다운로드 여부를 결정하는 브라우저의 미디어 리소스 유형(값: media_query ) .

  • src: 미디어 파일의 URL(값: URL).

  • type: 미디어 리소스의 MIME 유형(값: MIME_type).

참고: 태그 태그는 html 전역 속성과 html 이벤트 속성을 지원합니다.

html5 소스 태그 형식:

<source src="媒体资源地址" />
로그인 후 복사

HTML5미디어 속성:

미디어 속성 사용:

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">
로그인 후 복사

HTML5미디어 속성 정의 및 사용법:

미디어 속성은 미디어 리소스 유형(파일이 최적화된 미디어/장치)을 지정합니다.

브라우저는 이 속성을 사용하여 파일을 재생할 수 있는지 여부를 결정할 수 있습니다. 재생할 수 없는 경우 다운로드하지 않도록 선택할 수 있습니다.

참고: 이 속성은 여러 값을 허용할 수 있습니다.

HTML5미디어 속성 구문:

<source media="value">
로그인 후 복사

참고: 모든 브라우저는 태그의 미디어 속성을 지원하지 않기 때문입니다. 그래서 더 이상 말하지 않겠습니다.

HTML5src 속성:

HTML5src 속성의 정의 및 사용법:

src 속성은 재생할 미디어 파일의 URL을 지정합니다.

HTML5src 속성 구문:

<source src="URL">
로그인 후 복사

HTML5src 속성 사용 예:

두 개의 리소스 파일이 있는 오디오 플레이어. 브라우저는 지원하는 파일을 선택해야 합니다(있는 경우):

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>
로그인 후 복사
로그인 후 복사

HTML5 src 속성의 속성 값:

html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개HTML5type 속성:

HTML5< source>type 속성 사용법:

type 속성은 미디어 리소스의 MIME 유형을 지정합니다.

type 속성 사용:

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
로그인 후 복사

HTML5type 속성 구문:

<source type="MIME_type">
로그인 후 복사
HTML5type 속성의 속성 값:

HTML 4.01과 HTML 5의 차이점 html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개

태그는 HTML 5의 새로운 태그입니다.

브라우저 지원:

Internet Explorer 9+, Firefox, Opera, Chrome 및 Safari는 태그를 지원합니다.

참고: Internet Explorer 8 이하에서는 태그를 지원하지 않습니다.

【관련 추천】

html 메타태그의 기능은 무엇인가요? html 메타 태그의 공통 속성 소개


html 맵 태그란 무엇인가요? HTML 지도 태그의 구조와 구체적인 사용법에 대한 자세한 설명

위 내용은 html5 소스 태그를 사용하는 방법은 무엇입니까? html5 소스 태그 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿