html - 一个页面上有多个视频是锚点，如何停止覆盖视频控件的锚点？

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 标签将覆盖视频，但不会覆盖底部的播放器控件。