HTML5 비디오

· 8년 전 · 2509

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>


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

퍼블리셔팁

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

+
분류 제목 글쓴이 날짜 조회
CSS 8년 전 조회 2,427
CSS 8년 전 조회 2,363
CSS 8년 전 조회 1,792
CSS 8년 전 조회 1,695
CSS 8년 전 조회 1,962
CSS 8년 전 조회 2,006
CSS 8년 전 조회 2,690
CSS 8년 전 조회 2,184
HTML 8년 전 조회 2,631
HTML 8년 전 조회 3,056
HTML 8년 전 조회 3,407
HTML 8년 전 조회 3,837
HTML 8년 전 조회 2,298
HTML 8년 전 조회 2,526
HTML 8년 전 조회 2,510
HTML 8년 전 조회 2,104
HTML 8년 전 조회 2,397
기타 8년 전 조회 2,282
기타 8년 전 조회 2,531
기타 8년 전 조회 3,368
반응형 8년 전 조회 2,933
반응형 8년 전 조회 2,098
반응형 8년 전 조회 2,064
반응형 8년 전 조회 2,415
반응형 8년 전 조회 2,552
반응형 8년 전 조회 2,668
CSS 8년 전 조회 2,788
CSS 8년 전 조회 2,859
CSS 8년 전 조회 2,814
CSS 8년 전 조회 2,524