HTML5 비디오 > 퍼블리셔팁

퍼블리셔팁

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

HTML5 비디오 정보

HTML 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>


추천
0

댓글 0개

전체 797
퍼블리셔팁 내용 검색 HTML에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT