HTML5,모바일웹 강의

HTML5 연습 1 - 간단한 video 태그 연습

프로필

2012. 2. 7. 13:17

이웃추가

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>비디오</title>
</head>
<body>


<video autoplay="autoplay" controls="controls" width="400" height="300">
   <source src="../raw/goal1.mp4"></source>
</video>

 

</body>
</html>

 

(*) http://caniuse.com 에서 보듯이 각 브라우저별로 rendering 이 가능여부를 확인할 수 있는데,

역시 구글 크롬이 현재까지는 거의 다 지원이 되고 있다.

물론 위의 소스예제 또한 video 관련해서도

위 사이트에서 볼수 있는 바와 같이 ogg, MP4 등 구글크롬은 재생이 가능하다.

얼른 돌려서 재생해 보자

 

controls 속성은 재생, 정지 버튼 확인 가능하도록 autoplay 는 자동재생되도록해 준다.

쇠돌이
쇠돌이

갑빠광선 발싸아~