HTML5 비디오

· 8년 전 · 2564

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,501
CSS 8년 전 조회 2,435
CSS 8년 전 조회 1,849
CSS 8년 전 조회 1,737
CSS 8년 전 조회 2,033
CSS 8년 전 조회 2,056
CSS 8년 전 조회 2,775
CSS 8년 전 조회 2,240
HTML 8년 전 조회 2,689
HTML 8년 전 조회 3,117
HTML 8년 전 조회 3,474
HTML 8년 전 조회 3,926
HTML 8년 전 조회 2,389
HTML 8년 전 조회 2,591
HTML 8년 전 조회 2,565
HTML 8년 전 조회 2,155
HTML 8년 전 조회 2,456
기타 8년 전 조회 2,354
기타 8년 전 조회 2,584
기타 8년 전 조회 3,443
반응형 8년 전 조회 2,990
반응형 8년 전 조회 2,168
반응형 8년 전 조회 2,136
반응형 8년 전 조회 2,469
반응형 8년 전 조회 2,611
반응형 8년 전 조회 2,712
CSS 8년 전 조회 2,847
CSS 8년 전 조회 2,917
CSS 8년 전 조회 2,874
CSS 8년 전 조회 2,577