Thêm văn bản trên HTML5 Video

Question

Cần trợ giúp về việc thêm văn bản ở trên cùng, vì vậy văn bản đang phủ một video HTML 5 và tôi cũng cần phải thêm đầu vào và nút biểu mẫu bên dưới là Mã video HTML5 của tôi.

<video id="video" width="770" height="882" onclick="play();"> 
<source src="video/Motion.mp4" type="video/mp4" /> 
</video> 

Answer 1

Chắc chắn bạn đang tìm kiếm hơn này:

<div class="container"> 
    <video id="video" width="770" height="882" onclick="play();"> 
     <source src="video/Motion.mp4" type="video/mp4" /> 
    </video> 
    <div class="overlay"> 
     <p>Content above your video</p> 
     <form> 
      <p>Content Below Your Video</p> 
      <label for="input">Form Input Label</label> 
      <input id="input" name="input" value="" /> 
      <button type="submit">Submit</button> 
     </form> 
    </div> 
</div> 

Nếu bạn muốn đưa nội dung trên đầu trang của các video, bạn sẽ sử dụng một số loại vị trí:

.container { position:relative; } 
.container video { 
    position:relative; 
    z-index:0; 
} 
.overlay { 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:1; 
}