포스팅 스테이지/레이어가있는 HTML 비디오

Question

나는 HTML5 비디오와 키네틱 스테이지/레이어 (캔버스)를 가지고있다. 모양을 만들려고하기 때문에 동영상 위에 직접 스테이지/레이어를 갖고 싶습니다. 스테이지의 기본값은 항상 브라우저의 0,0 위치입니다. 스테이지/레이어의 위치를 ​​특정 x, y 위치의 비디오 위에 직접 설정하는 방법은 무엇입니까? stage.setAbsolutePosition (56,75)을 사용해 보았지만 작동하지 않습니다.

고맙습니다.

Answer 1

위치 일부 CSS와 KinectJS의 단계 컨테이너 및 비디오 컨테이너 :

<div class="viewport"> 
    <div id="videoContainer">...</div> 
    <div id="kineticContainer">...</div> 
</div> 

.viewport { 
    position: relative; 
} 

#kineticContainer { 
    ... 
    background-color: transparent; 
    position: absolute; 
    x: 56px; 
    y: 75px; 
    z-index: 2;//or whatever this needs to be 
    ... 
} 

: 가상의 HTML과 CSS의

매우 거친 예