수

HTML5 비디오

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

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,659
CSS 17-08-07 조회 2,603
CSS 17-08-06 조회 2,028
CSS 17-08-06 조회 1,904
CSS 17-08-06 조회 2,200
CSS 17-08-03 조회 2,227
CSS 17-08-03 조회 2,955
CSS 17-08-03 조회 2,415
HTML 17-08-02 조회 2,851
HTML 17-08-02 조회 3,287
HTML 17-08-02 조회 3,675
HTML 17-08-01 조회 4,091
HTML 17-08-01 조회 2,567
HTML 17-08-01 조회 2,747
HTML 17-07-28 조회 2,737
HTML 17-07-28 조회 2,322
HTML 17-07-28 조회 2,615
기타 17-07-26 조회 2,508
기타 17-07-26 조회 2,735
기타 17-07-26 조회 3,618
반응형 17-07-25 조회 3,145
반응형 17-07-25 조회 2,327
반응형 17-07-25 조회 2,292
반응형 17-07-24 조회 2,617
반응형 17-07-24 조회 2,770
반응형 17-07-24 조회 2,854
CSS 17-07-20 조회 2,991
CSS 17-07-20 조회 3,074
CSS 17-07-20 조회 3,029
CSS 17-07-18 조회 2,715