我们可以在HTML5视频顶部叠加元素吗？

如何解决我们可以在HTML5视频顶部叠加元素吗？

| 我想要的是例如：

<video> = z-index: -1;
<div id=\"post\"> = z-index: 0;

我已经在某种程度上进行了尝试...但是最好知道是否有人对此有一些具体的信息。我是H5 Video的新手，我知道使用Flash可以实现，但不适用于移动设备（我不关心atm，可能会有一些糟糕的后备情况） 感谢您提前提供任何信息。     

解决方法

        您可以完全按照您的描述，使用z-index将元素堆叠在html5视频的顶部。您可以通过以下jsfiddle查看我的演示，http：//jsfiddle.net/cJJwj/3/ 这是我在小提琴中使用的代码： 的HTML

<video width=\"200\" height=\"200\" 
    controls=\"controls\" 
    src=\"http://upload.wikimedia.org/wikipedia/commons/4/43/Eisbach_surfen_v1.ogv\">
</video>
<p>paragraph</p>

的CSS

video {
    position: relative;
    z-index: 0;
}
p {
    position: absolute;
    top: 50px;
    left: 50px;
    color: red;
    font-size: 2em;
    border: medium solid yellow;
    z-index: 1;
}

不过，我应该提及的是，我尝试对视频使用

z-index: -1;

，并且视频控件不起作用（在Firefox 5 beta和Chrome中），但是当我改用ѭ4，时，控件可以正常工作。我不知道为什么会这样。     ,        我也没有过多地处理HTML5视频，但是我知道Vimeo HTML5播放器似乎完全可以满足您的要求。他们在视频上方使用

<div>

甚至

<canvas>

渲染播放控件，标题和其他按钮。