반응형
동영상 태그입니다.
<video></video> 태그이며 사진과 동일하게 src를 입력 하시면 됩니다.
<html>
<body>
<video src="video/test.mp4"></video>
</body>
</html>하지만 이러면 그냥 이미지처럼 덩그러니 나타납니다. 재생버튼 등을 나타내려면 아래처럼 작성합니다.
<html>
<body>
<!-- 재생버튼 생성 -->
<video src="video/test.mp4" controls></video>
<!-- 자동 음소거 -->
<video src="video/test.mp4" controls muted></video>
<!-- 자동 재생 -->
<video src="video/test.mp4" controls autoplay></video>
<!-- 반복 재생 -->
<video src="video/test.mp4" controls loop></video>
<!-- 썸네일 -->
<video src="video/test.mp4" controls poster="img/img.png"></video>
</body>
</html>오디오는 video를 audio로 변경하면 됩니다. 그리고 video 태그에서 사용한 controls를 poster를 제외하고 사용가능 합니다
<html>
<body>
<audio src="video/test.mp4" controls></audio>
<audio src="video/test.mp4" controls muted></audio>
<audio src="video/test.mp4" controls autoplay></audio>
<audio src="video/test.mp4" controls loop></audio>
</body>
</html>반응형
'프로그래밍 > Html & CSS' 카테고리의 다른 글
| HTML 이미지태그 (0) | 2022.11.09 |
|---|---|
| HTML 서식태그(링크) (0) | 2022.06.23 |
| HTML 서식태그(강조) (0) | 2022.06.23 |
| HTML 서식태그(목록) (0) | 2022.06.23 |
| HTML 서식태그(문단) (0) | 2022.06.23 |