프리이미지
사이트 내 전체검색

video 동영상 위치 제어 참고 소스

페이지 정보

작성일12-03-07 23:17

본문

<video width="480" height="380“ controls>
  <source src="http://www.archive.org/{...}_512kb.mp4"
              type="video/mp4"></source>
  <source src="http://www.archive.org/{...}nsters.ogv"
              type="video/ogg"></source>
  <p>Your browser doesn't like HTML5 video, 
        watch the movie on 
        <a ref="http://www.archive.org/{...}_monsters">
        archive.org</a>.
  </p>
</video>


var v = document.getElementById('player');

v.play();
v.pause();
v.volume = ... ;
v.currentTime = ... ;



var video = $('video').get(0);

video.play ();
video.pause();
video.paused;         // Returns true if video is paused.
video.ended;          // Returns true if video is over.

video.volume;         // Returns volume value ( between 0-1 )
video.volume=0.5;     // Sets volume value ( between 0-1 )

video.currentTime;    // Current point of time in the video.
video.length;         // Returns the length in seconds.

video.seekable;       // Returns true if supports seeking.
video.playbackRate;   // Allows you to rewind/fastforward.



src: 멀티미디어 파일 소스 지정
currentTime: 현재 재생 위치를 초 단위로 반환
duration: 전체 재생시간을 초 단위로 반환
paused: 일시정지 여부 반환
ended: 재생 종료 어부 반환
muted: 음소거 여부 반환
volume: 볼륨 값(0.0 ~ 1.0 범위를 가짐)
error: 에러 정보를 반환
networkState: 멀티미디어 파일과 관련된 네트워크 상태 반환(접속전, 로딩 중, 완료, 로딩 실패 등)

주요 함수
load(): 멀티미디어를 읽어 들임(재생하지는 않음)
play(): 멀티미디어를 재생함
pause(): 일시 정지

추천 0
게시물 검색