HTML5 비디오
HTML5 비디오
예)
<!DOCTYPE html>
<html>
<body>
<video width="400" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<p>
Video courtesy of
<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
</p>
</body>
</html>
HTML로 비디오 재생하기
HTML5 이전에는 동영상이 플래시처럼 플러그인이있는 브라우저에서만 재생할 수있었습니다.
HTML5 <video> 요소는 비디오를 웹 페이지에 삽입하는 표준 방법을 지정합니다.
브라우저 지원
표의 숫자는 <video> 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Element
<video> 4.0 9.0 3.5 4.0 10.5
HTML <video> 요소
HTML로 비디오를 표시하려면 <video> 요소를 사용하십시오 .
예
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 2407 | |
| 2399 | |
| 2397 | |
| 2379 | |
| 2362 |
웹접근성
자바스크립트를 끈 로그인 폼
15
|
| 2359 | |
| 2358 |
CSS
IE6/7 img px 버그
|
| 2346 | |
| 2332 | |
| 2329 | |
| 2326 |
HTML
IE6 PNG 초 간단하게 적용
3
|
| 2325 | |
| 2322 | |
| 2321 | |
| 2317 | |
| 2312 |
웹접근성
웹접근성이란?
3
|
| 2309 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 2308 | |
| 2305 | |
| 2301 |
CSS
그라디언트 에디터
7
|
| 2300 | |
| 2293 | |
| 2288 | |
| 2281 |
HTML
object 태그 질문 드ㅡ립니다
2
|
| 2276 | |
| 2273 | |
| 2270 |
CSS
가상클래스 순서 외우기
3
|
| 2263 | |
| 2261 |
반응형
반응형웹 패턴/리소스/뉴스
4
|
| 2258 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기