Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

코스 전체목록

닫기

video ?

정의

video요소는 비디오나 영화를 재생합니다.

속성

  • src : 재생할 비디오의 주소를 지정합니다.
  • poster : 사용자 에이전트가 비디오 데이터를 사용할 수 없는 경우 이미지파일의 주소를 지정합니다.
  • preload : none, metadata, auto키워드를 지정하며, 다운로드 상태를 나타냅니다.
  • autoplay : 자동 재생을 지정합니다.
  • loop : 반복 재생을 지정합니다.
  • audio :  오디오 채널을 제어합니다.
  • controls : 사용자 에이전트트의 기본 컨트롤러를 사용하도록 지정합니다.
  • width : 요소의 너비를 지정합니다.
  • height : 요소의 높이를 지정합니다.

설명

  • 사용자 에이전트가 video요소에서 제공하고 있는 비디오 컨텐트를 재생하지 못하는 경우 video요소 내부에 있는 컨텐트가 출력됩니다.
  • poster 속성에서 지정한 이미지를 "포스터 프레임"이라고 하며, 비디오가 재생이 안되는 환경에서 사용자는 이러한 이미지를 보고, 비디오의 내용을 추츨할 수 있게 도와줍니다.

예제

<p><video src="tgif.vid" autoplay controls onerror="failed(event)"></video></p>
<p><a href="tgif.vid">Download the video file</a>.</p>

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. ㅇㄴㅁ
    굿굿
  2. 푸른하늘
    2
  3. 지나가는수강생
    공지에 따라 오타로 보이는 것을 신고합니다.

    속성 7번째 리스트 오타로 보입니다.
    "controls : 사용자 에이전트트의 기본 컨트롤러를 사용하도록 지정합니다." --->
    "controls : 사용자 에이전트의 기본 컨트롤러를 사용하도록 지정합니다."

    설명 2번째 리스트 오타로 보입니다.
    "비디오의 내용을 추츨할 수 있게 도와줍니다." --->
    "비디오의 내용을 추측할 수 있게 도와줍니다."
  4. 김명수
    감사합니다!
  5. 지나가다
    [controls : 사용자 에이전트트의 기본 컨트롤러를 사용하도록 지정합니다.] 에서
    에이전트트 --> 에이전트

    [비디오의 내용을 추츨할 수 있게 도와줍니다.] 에서
    추츨 --> 추측

    poster에 대한 설명이 w3schools 와 다릅니다. 확인부탁드립니다.

    http://www.w3schools.com......asp 에 의하면

    비디오가 다운로드되는 동안 보여질 이미지 또는 사용자가 플레이버턴을 누르기 전에 보여질 이미지라는 군요.
    그리고 poster속성을 사용하지 않으면 그 비디오의 첫번째프레임이 나타난다고 되어있습니다.
  6. video태그로 올리는데 영상이 안보입니다. 왜그럴까요?
    .mp4 로 변환했는데 영상이 안보입니다...ㅠ
    현재 익스플로러11입니다.
graphittie 자세히 보기