메인메뉴 바로가기

HOME으로 가기


Javascript

HTML5 | VIDEO태그 속성

본문

http://www.w3schools.com/html/html5_video.asp

 
Video DOM
 

http://huns.me/fullscreen-%EB%AA%A8%EB%93%9C%EC%9D%BC-%EB%95%8C-html5-video-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%BB%A8%ED%8A%B8%EB%A1%A4%EB%9F%AC-%EA%B0%90%EC%B6%94%EA%B8%B0/ 

 

 

 

HTML5 Video by By Pete LePage 

비디오 관련 캡션자막처리 등 모든기술 망라해서 정리 됨. 
Introduction, The Markup, JavaScript, Interacting with other elements, Formats & codecs, Mobile, Further Reading, Summary 

http://www.html5rocks.com/en/tutorials/video/basics/ 




//w3c HTML 이벤트 및 속성 목록 
http://www.w3schools.com/tags/ref_eventattributes.asp 

Video DOM 

http://www.w3schools.com/tags/ref_av_dom.asp 

 

 

박종명의 아름다운 개발 

http://m.mkexdev.net/63 

 

 

Taggon in Happy Life의 비디오 속성과 메소드 

http://mygony.com/archives/3058 

 

 

[HTML5 튜토리얼] Video와 Audio 태그 기본 

http://unikys.tistory.com/278 

 

 

http://www.w3schools.com/html/html5_video.asp 


http://www.w3schools.com/jsref/dom_obj_video.asp 

 

 

FullScreen 모드일 때 HTML5 Video 네이티브 컨트롤 감추기 

http://huns.me/fullscreen-%EB%AA%A8%EB%93%9C%EC%9D%BC-%EB%95%8C-html5-video-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%BB%A8%ED%8A%B8%EB%A1%A4%EB%9F%AC-%EA%B0%90%EC%B6%94%EA%B8%B0/

 

 

 

비디오속성 정리. 자막 등. 


http://monolife.kr/194 

 

 

WebVTT (CSS적용법) 

http://dev.w3.org/html5/webvtt/ 

 

 

//비디오 타입 설정 

VideoObj.canPlayType('video/webm; codecs="vp8.0, vorbis"'); 

video/ogg; codecs="theora, vorbis" 
video/mp4; codecs="avc1.4D401E, mp4a.40.2" 
video/webm; codecs="vp8.0, vorbis" 
audio/ogg; codecs="vorbis" 

audio/mp4; codecs="mp4a.40.5" 

 

 

 

.addTextTrack() 

var text1 = VideoObj.addTextTrack("caption"); 

text1.addCue(new TextTrackCue("Test text", 01.000, 04.000, "", "", "", true)); 

 

 

 

buffered - get the buffered ranges of the audio/video 

seekable - get the seekable ranges of the audio/video 
duration - get the duration of the audio/video 
currentTime - get or set the current playback position of the audio/video 
paused - check if the audio/video is paused 
play() - play the audio/video 
controller 

pause() - pause the audio/video 
played - check if the audio/video has been played 
defaultPlaybackRate - get or set the default playback rate of the audio/video 
playbackRate - get or set the current playback rate of the audio/video 
volume - get or set the volume of the audio/video 

muted - get or set if the audio/video is muted 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기