MUMYEONG

[HTML] 비디오(Video)태그 본문

Development/HTML

[HTML] 비디오(Video)태그

MUMYEONG IMDA 2022. 3. 10. 21:27
반응형
비디오(Video)태그 
  • HTML5 이후에 도입된 video태그를 사용하여 웹 페이지에 비디오를 삽입할 수 있다.

1) controls 속성

  • 비디오의 재생 도구를 표시해준다.

2) autoplay 속성

  • 비디오 파일을 자동재생시켜준다.

3) width 속성

  • 비디오의 너비를 지정한다.

4) height 속성

  • 비디오의 높이를 지정한다.

5) src 속성

  • 비디오 파일의 경로 지정한다.

6) type 속성

  • 비디오 파일의 유형과 확장자를 지정한다.

코드

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Media_Video</title>
</head>

<body>
    <video controls autoplay width="30%" height="30%" src="mediaFile/Wildlife.mp4" type="video/mp4"></video>
</body>

</html>

 

결과

반응형
LIST
저작자표시

'Development > HTML' 카테고리의 다른 글

[HTML] 테이블(Table)태그  (2) 2022.03.30
[HTML] 오디오(Audio)태그  (1) 2022.03.10
[HTML] 목록(List)태그 (ul, ol, li, type)  (1) 2022.03.09
[HTML] 이미지태그 (img, src, alt, width, height)  (1) 2022.03.09
[HTML] 앵커(anchor)태그 (a, href, target)  (1) 2022.03.09
'Development/HTML' Related Articles more
Comments