" 또는 "<오디오 컨트롤>"."/> " 또는 "<오디오 컨트롤>".">

 >  기사  >  웹 프론트엔드  >  HTML5에서 컨트롤은 무엇을 의미합니까?

HTML5에서 컨트롤은 무엇을 의미합니까?

青灯夜游
青灯夜游원래의
2022-06-01 19:55:197444검색

HTML5에서 컨트롤은 "제어"를 의미하며 audio 및 video 태그의 속성입니다. 브라우저가 비디오 또는 오디오에 대한 재생 컨트롤(예: 재생, 일시 중지, 위치 지정, 볼륨 등)을 제공하도록 지정하는 데 사용됩니다. , 구문 "" 또는 "".

HTML5에서 컨트롤은 무엇을 의미합니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5에서 컨트롤은 "컨트롤"을 의미합니다.

HTML5에서 컨트롤은 무엇을 의미합니까?

controls는 오디오 및 비디오 태그의 속성입니다.

controls 속성은 브라우저가 비디오 또는 오디오에 대한 재생 컨트롤을 제공해야 함을 지정합니다.

이 속성이 설정되면 작성자가 설정한 스크립트 컨트롤이 없음을 지정합니다.

브라우저 컨트롤에는 다음이 포함되어야 합니다.

  • Play

  • Pause

  • Position

  • Volume

  • 전체 화면 전환

  • 자막(사용 가능한 경우)

  • 오디오 트랙(사용 가능한 경우) )

참고:

XHTML에서는 이 속성을 축약할 수 없으며, 컨트롤 속성은 <audiocontrols></audiocontrols>로 정의해야 합니다. <audio controls="controls"></audio>

但在HTML5 中,该属性的属性值可以省略,直接可<audio controls></audio>

하지만 HTML5에서는 이 속성의 속성값을 생략할 수 있고 바로 이 될 수 있습니다.

예제 1:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>

<video width="320" height="240">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
</body>
</html>
HTML5에서 컨트롤은 무엇을 의미합니까?

예제 2:

<audio>
  <source src="horse.ogg"  type="audio/ogg">
  <source src="horse.mp3"  type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
HTML5에서 컨트롤은 무엇을 의미합니까?

<audio controls>
  <source src="horse.ogg"  type="audio/ogg">
  <source src="horse.mp3"  type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
HTML5에서 컨트롤은 무엇을 의미합니까?


오디오 태그가 컨트롤 속성을 설정하지 않으면 음악 플레이어가 인식되지 않는 것을 볼 수 있습니다.

관련 추천: "html 비디오 튜토리얼

"🎜

위 내용은 HTML5에서 컨트롤은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.