반응형
Media
- <img>, <audio>, <video>
- 여러 가지 종류의 미디어 파일이 있다면
- 1. assets라는 파일 안에 다 넣는다.
- 2. img는 images, video는 videos, audio는 audios 폴더에 넣습니다.
auido
- audio에는 src라는 속성을 무조건 써야 합니다. (들어갈 오디오 링크 넣는 부분) 이때 src를 태그로 작성할 수도 있습니다. 이때 각 type을 적어줘야 합니다. (type="audio/mp3")
※ 브라우저마다 실행될 수 있는 버전이 다르기 때문에 source 태그를 사용합니다. (src 여러 개 작성 가능)
- controls 라는 속성을 사용하면 재생버튼이 보여집니다. (이게 있어야 화면에 보여집니다.)
- autoplay는 자동 재생 속성입니다. controls가 없어도 자동 재생됩니다.
- loop은 반복 재생입니다.
video
- audio 태그와 굉장히 유사합니다. (사용하는 속성도 똑같습니다.)
- type을 어떻게 적어야 할지 모를 때 -> html video mov source type
※ 만약 source로 여러가지 파일을 줬는데 다 재생이 안된다면 <p>로 경고문을 줄 수 있습니다.
- 위 링크는 최신 버전으로 업데이트를 할 수 있는 사이트입니다. 이것을 제공하면서 업데이트를 하라고 권할 수 있습니다.
iframe
- html 안에 또다른 html을 넣고싶을 때 사용합니다.
- youtube 영상을 넣을 때 등
실습 파일: Media/index.html
728x90