1. audio 태그
속성 - controls : 컨트롤러 표시
<audio src="./audio/piano.mp3" controls></audio>
속성 - autoplay : 자동재생 기능
<audio src="./audio/piano.mp3" autopaly controls></audio>(크롬에서 자동재생 기능 지원안함. 엣지는 지원함.)
<audio controls autoplay>
<source src="./audio/piano.mp3">
</audio>> 이렇게 짜도 똑같이 나온다.
2. video 태그
속성 - width, height 지정 가능
type도 지정 가능
<video controls autoplay width="400" height="400">
<source src="./video/goginamja.mp4" type="video/mp4">
</video>(유튜브 영상을 다운로드 하는 법은 따로 포스팅)
>> 고기남자 유튜브 영상을 다운받아 곰믹스로 편집해서 넣어줌.
3. embed 태그
-mp3,wmv,swf
-영상,음악 모두 가능
<embed src="./audio/piano.mp3" type="audio/mp3" width="250" height="250">
<embed src="./video/goginamja.mp4" type="video/mp4" width="250" height="250">
'HTML & CSS' 카테고리의 다른 글
| [HTML][CSS] input 태그 -placeholder,value,checkbox,radio등 (0) | 2020.12.24 |
|---|---|
| [HTML][CSS] 무신사 로그인창 구현 (0) | 2020.12.24 |
| [HTML][CSS] :first-child, :first-of-type,:nth-child 선택자 (0) | 2020.12.22 |
| [HTML][CSS] display 속성 - block, inline, inline-block (0) | 2020.12.21 |
| [HTML][CSS] 수성아트피아 리페어 페이지 만들기 과제 (0) | 2020.12.19 |