반응형
오디오와 관련된 태그
<audio src="삽입할 오디오의 경로" controls autoplay loop>
<!DOCTYPE html>
<html>
<head>
<title>오디오 관련 태그</title>
</head>
<body>
<audio src"resources/audio/song.mp3" controls autoplay loop></audio>
</body>
</html>controls autoplay
페이지를 열자마자 자동으로 재생이 되도록 한다. 단, 브라우저마다 다른데 크롬은 자동 재생이 되지 않고 익스플로러가 자동 재생이 된다. 이는 생략 가능하다.
loop
오디오 재생 시간이 다 끝난 후 오디오를 또 반복하도록 한다. 이는 생략 가능하다.
비디오와 관련된 태그
<video src=""삽입할 비디오의 경로" controls autoplay loop width="가로크기" height="세로크기"
poster="삽입할 썸네일의 경로">
<!DOCTYPE html>
<html>
<head>
<title>비디오 관련 태그</title>
</head>
<body>
<video src"resources/video/video.mp4" controls autoplay loop
width="60%" height="40%" poster="resources/images/펭수1.jpg"></video>
</body>
</html>controls autoplay
페이지에 들어가자 마자 영상이 자동으로 재생되게 한다. 이는 생략 가능하다.
loop
영상 재생 시간이 다 끝난 후 영상을 다시 반복하도록 한다. 이는 생략 가능하다.
width, height
영상도 가로 길이, 세로 길이를 설정할 수 있다. 이는 생략 가능하다.
poster
영상의 썸네일을 지정할 수 있다. 해당 썸네일의 경로를 작성하면 된다. 이 또한 생략 가능하다.
반응형