video 태그를 이용한 영상 넣기

imjingu·2023년 7월 8일
0

개발공부

목록 보기
71/481

<video> 태그를 이용한 영상 파일 넣기
html5에서 영상을 실행시키기 위해 사용, 비디오와 같은 영상 스트리밍을 재생할때 사용.

controls = 비디오 재생 컨트롤 막대표시, 재생 중에는 화면에 컨트롤 막대가 표시되지 않지만, 화면 위로 마우스 포인터를 옮기면 컨트롤 막대가 나타남
width = 비디오 화면의 넓이를 지정
height = 비디오 화면의 높이를 지정
loop = 비디오를 반복 재생
autoplay = 비디오를 자동 재생
muted = 음소거, 비디오는 재생
src = 비디오 파일의 위치를 설정
poster = 비디오 재생 시작전 준비화면, 시작이미지(url연결) - 연결하지 않을 시 영상의 시작화면

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
     <video src="../file/korea_video.mp4" controls muted poster="../file/bg.png" width="400" height="200"></video>
</body>
</html>

0개의 댓글