html - ビデオ上の入力フィールド

Question

ビデオの上に置きたい入力フィールドがあります。

これは簡単だと思っていましたが、残念ながらそうではありませんでした。

問題は、ビデオを後でドラッグ アンド ドロップできるようにしたいのですが、そのために絶対位置を使用できないことです。

現在、入力フィールドはビデオの右側にあります。

ビデオと入力をレイヤー化できるように div を使用しました。これは絶対位置で問題なく動作しますが、入力ボックス (div) に x 軸上の現在の位置から -33px だけを表示するように指示するものが必要です。

これを行う方法が見つかりません。

<style type="text/css">
img (z-index:1;)
input {width:33px; height:13px; position:absolute:left:50px;}

#div1 {
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 1;
}

#div2 {
    position: relative;
    left: -33px;
    z-index: 2;
}

</style>