336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
- 사운드 재생을 위한 오디오 요소
<embed src = "sound.wav"></embed> :오디오 태그를 지원하지 않는 브라우저는 embed 태그로 대체 사운드 재생
</audio>
- 비디오 재생을 위한 비디오 요소
사용하시는 브라우저에서는 비디오를 볼 수 없습니다.
</video>
- 스크립트를 이용한 내장 미디어 컨트롤
| <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>비디오 컨트롤</title> <script> //비디오 재생을 위한 play 함수 var play = function(){ var videoTag = document.getElementsByTagName('video')[0]; //비디오 태그 가져옴 videoTag.play(); //videoTag 변수에 플레이 이벤트를 부여 }; //비디오 일시 정지를 위한 pause 함수 var pause = function(){ var videoTag = document.getElementsByTagName('video')[0]; //비디오 태그 가져옴 videoTag.pause(); //videoTag 변수에 일시정지 이벤트를 부여 }; }; </script> </head> <body> <video src="sample.ogv"></video> <input type="button" value="비디오 재생" onclick="play();" /> <!-- play() 함수 호출 --> <input type="button" value="일시정지" onclick="pause();" /> <!-- pause() 함수 호출 --> </body> </html> |
'공부 > HTML5' 카테고리의 다른 글
| 웹표준) div 가운데 정렬 (0) | 2012.03.11 |
|---|---|
| 현재 위치를 알려 주는 geolocation (0) | 2011.11.05 |
| 웹 폼 (0) | 2011.11.05 |
| 그림자와 그라데이션 구현하기 (0) | 2011.11.05 |
| Canvas3 선 긋기 (0) | 2011.11.05 |
댓글