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