본문 바로가기

Story/html/css

동영상에 자막 넣어서 플레이 시키는 방법

반응형

// 윈도우 미디어 플레이어 버전 9 이하때 사용.
<Embed src="test.wmv" width="300" height="200"
ShowCaptioning="true"
SAMIFileName="test.smi">

// 윈도우 미디어 플레이어 버전 9 이상때 사용.
<Embed src="test.wmv" width="300" height="200" SAMIFileName="test.smi"
CaptioningID="caption">

// 아래는 자막이 나타날 레이어의 ID 와 색상,너비,높이,위치 설정
<div id="caption" style="background-color:blue; width:300px; height:50px; position:relative; left:0px; top:10px; z-index:1;">
// 위 라인에서 레이어의 id 는 CaptioningID="caption" 에서 정의해준 caption 값을 사용했음을 주의
반응형