수

HTML5 비디오

· 2017-07-28 (금) 19:31:20 · 2734

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>


|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-08-07 조회 2,656
CSS 17-08-07 조회 2,601
CSS 17-08-06 조회 2,027
CSS 17-08-06 조회 1,902
CSS 17-08-06 조회 2,199
CSS 17-08-03 조회 2,224
CSS 17-08-03 조회 2,952
CSS 17-08-03 조회 2,414
HTML 17-08-02 조회 2,849
HTML 17-08-02 조회 3,285
HTML 17-08-02 조회 3,673
HTML 17-08-01 조회 4,088
HTML 17-08-01 조회 2,566
HTML 17-08-01 조회 2,744
HTML 17-07-28 조회 2,735
HTML 17-07-28 조회 2,319
HTML 17-07-28 조회 2,613
기타 17-07-26 조회 2,503
기타 17-07-26 조회 2,734
기타 17-07-26 조회 3,616
반응형 17-07-25 조회 3,143
반응형 17-07-25 조회 2,326
반응형 17-07-25 조회 2,290
반응형 17-07-24 조회 2,616
반응형 17-07-24 조회 2,769
반응형 17-07-24 조회 2,852
CSS 17-07-20 조회 2,990
CSS 17-07-20 조회 3,072
CSS 17-07-20 조회 3,028
CSS 17-07-18 조회 2,712