vidio.HTML<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><!-- autoplay : 자동실행,controls : 제어판 생성 --><!-- <video src="../files/river.mp4" width="320" height="240" controls="controls" autoplay="autoplay"></video> --><!-- 크롬환경에서 오토플레이가 안될 수 잇습니다. --><video src="../files/river.mp4" width="320" height="240" controls="controls" poster="../files/poster.jpg"></video><!-- 포스터를 통하여 동영상 재생전에 커버 이미지를 설정할 수 있습니다. --><!-- ../files/안에 있는 river.mp4를 재생합니다. 이미지 역시 같은 방식으로 추가합니다. --></body></html>결과poster
river.mp4
audio.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><audio controls="controls" autoplay="autoplay"><source src="../files/old_melody.ogg"></source><source src="../files/old_melody.mp3"></source></audio></body></html>결과
'프로그래밍 > html,css,javascript,jsp' 카테고리의 다른 글
| HTML5 예제와 연습 캔버스 그리기 fillRect(2) (0) | 2018.12.19 |
|---|---|
| HTML5 예제와 연습 캔버스 그리기 fillRect(1) (0) | 2018.12.19 |
| HTML5 예제와 연습 시멘틱태그와 HTML폼(2)+CSS (0) | 2018.12.19 |
| HTML5 예제와 연습 시멘틱태그와 HTML폼(1) (0) | 2018.12.19 |
| FastBoot 스킨 (0) | 2018.10.29 |