<video> 태그는 HTML5에서 동영상을 재생하기 위해 사용되는 요소입니다. 이 태그를 사용하여 웹 페이지에 동영상 콘텐츠를 삽입하고 재생, 일시 정지, 탐색 등의 기능을 제공할 수 있습니다. 이제 <video> 태그의 속성과 사용 방법에 대해 설명하겠습니다.
<video> 태그의 속성:
src: 재생할 동영상 파일의 경로 또는 URL을 지정합니다.controls: 재생 컨트롤러를 표시할지 여부를 지정합니다. 속성 값으로 "controls"를 설정하면 컨트롤러가 표시됩니다.autoplay: 페이지가 로드될 때 자동으로 동영상을 재생할지 여부를 지정합니다. 속성 값으로 "autoplay"를 설정하면 자동 재생됩니다.loop: 동영상이 재생을 마치면 자동으로 반복 재생할지 여부를 지정합니다. 속성 값으로 "loop"를 설정하면 반복 재생됩니다.
예시로 코드를 보여드리겠습니다:
<!DOCTYPE html>
<html>
<head>
<title>Video Example</title>
</head>
<body>
<video src="video.mp4" controls autoplay loop>
Your browser does not support the video tag.
</video>
</body>
</html>위의 예시 코드는 "video.mp4" 파일을 재생하는 동영상 요소를 생성합니다. src 속성은 "video.mp4" 파일의 경로를 지정하고, controls, autoplay, loop 속성을 사용하여 재생 컨트롤러를 표시하고 자동으로 재생하며 반복 재생합니다. <video> 태그 내부에는 브라우저가 <video> 요소를 지원하지 않을 때 표시할 대체 콘텐츠를 작성합니다.
이 코드를 웹 페이지에 삽입하면 동영상이 표시되고 사용자는 재생, 일시 정지, 탐색 등의 기능을 사용할 수 있습니다.
