[HTML] video

ex06.html 미디어

웹에서 멀티미디어- 사운드, 음악, [비디오], 영화 ,애니메이션 1. 웹 상에서의 멀티미디어는 사운드, 음악, 비디오, 영화 및 애니메이션.
2. 일반적인 비디오 형식 : .mpg , mpeg, .avi, .wmv, .mov, .swf, .webm, .mp4 등등
( *** html 표준: mp4, ogg, .webm 만 지원한다. *** )
( YouTube에서는 mp4 형식을 권장한다. )
3. 일반적인 오디오 형식 : .wav, .ogg, .mp3, .wma 등등
( *** html 표준: mp3, ogg, .wav 만 지원한다. *** )

비디오

1.video 태그 사용

---

2.width height 속성을 설정하지 않으면 동영상이 로드되는 동안 페이지 깜빡일 수 있다.
3.재생, 일시정지, 볼륨 등등 비디오 컨트롤하기 위해서 controls 속성을 추가

  <video src="movie.mp4" width="320"height="240" controls="controls"></video>

소스태그를 여러개 사용하면, 브라우저에서 선택할 수있다. 

• mp4가 지원안할때 ogg가 열린다. 
• type 속성은 안줘도 된다. 
• autoplay 속성을 주면 바로시작 
•  muted="muted" 는 묵음처리
• 크롬은 자동재생지원x  + muted속성추가하면 자동재생지원 

<video width="320"height="240" controls="controls" autoplay="autoplay"muted="muted">
    <source  src="movie.mp4" type="video/mp4" >
    <source  src="movie.ogg"  type="video/ogg ">
    현재브라우저는 지원하지 않습니다.
    </video>