BBS > html5

html5 video

작성자 : 이창우 (x1wins) | 등록일 : 2011-04-26 | 목록
첨부 파일이 없습니다.
첨부 이미지가 없습니다.
첨부 코드가 없습니다.
http://html5.firejune.com/demo/video.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Video Element Demo</title>
</head>
<body>

<h1>Video Element Demo</h1>
<video autoplay>
<source src="http://html5.firejune.com/demo/big_buck_bunny.ogv" type="video/ogg"/>
<source src="http://html5.firejune.com/demo/big_buck_bunny.mp4" type="video/mp4"/>
<source src="http://html5.firejune.com/demo/big_buck_bunny.webm" type="video/webm"/>
Your browser does not support the <code>video</code> element.
</video>
<input type="button" onclick="playPause()" value="Play/Pause">
<script>
var myVideo = document.getElementsByTagName('video')[0];
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
myVideo.addEventListener('ended', function () {
alert('video playback finished')
});
</script>

</body>
</html>
로그인 하셔야 댓글을 사용하실수 있습니다.
댓글쓰기를 누르면 로그인 페이지로 이동 후 돌아옵니다.
총 댓글 겟수 1
이창우(x1wins) | 2011-04-26
http://html5gallery.com/
번호 제목 등록일 작성자 조회수
22 svg (0) 2011-04-28 이창우 2238
21 요약 (0) 2011-04-28 이창우 2189
20 html tracker (0) 2011-04-28 이창우 2169
19 html5 validation (0) 2011-04-27 이창우 2290
18 web socket (0) 2011-04-27 이창우 2443
17 html5 web socket (0) 2011-04-26 이창우 2429
16 html5 seminar (0) 2011-04-26 이창우 2351
14 html5 특징 (2) 2011-04-26 이창우 2912
-> html5 video (1) 2011-04-26 이창우 2258
< 1 >
글쓰기 검색