Как наложить слой поверх видео и канвас?
 

Помогите разобраться, почему не получается наложить слой с формой поверх канвас и видео для HTML5.

Стили такие:

<style>
body{
    text-align:center;
    font-family: arial;
	width: 100%;
	height: 100%;
}
.item {
    display:inline-block; 
    width:100%;
    margin:0px;
	z-index: 1;
	left: 0px;
	top: 0px;
}
video {
    width:100%;
   height:100%; 
   border:0px dashed gray;
   background: rgba(0,0,0,0,2);
   z-index: -10;
   left: 0px;
   top: 0px;
}
canvas {
    width:600px;
   height:400px; 
   border:0px dashed gray;
   background: rgba(0,0,0,0,2);
   display: none;
   z-index: -10;
   left: 0px;
   top: 0px;
}
input{
  display:block;
  width:100%;
}
</style>

Выводит всегда под окнами с <video></video>