在一个页面上作为锚点的多个视频，如何停止覆盖视频控件的锚点？

Question

我有一页视频在页面上互相固定。因此，如果您点击第一个视频，它会向下滑动到下一个视频，依此类推。但是，因为它们是锚点，所以无法单击控件。我怎样才能解决这个问题呢？

这是页面http://kimcolemanprojects.com/djangolive_1.html

感谢您的帮助。

安吉拉

Answer 1

这个怎么样？

HTML：

<li>
<a href="#"></a>
<video></video>
</li>

CSS：

li { position: relative; }
li a { position: absolute; top: 0; left: 0; width: 640; height: 33px; }
li video { position: absolute; top: 0; left: 0; }

这样，a标签将覆盖视频，但不会覆盖底部的播放器控件。