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>