Ein Video in einer Tabellenzelle vertikal ausrichten

Question

Ich habe mich tagelang damit gestritten; Hoffentlich kann jemand helfen! Ich versuche, ein Video in der Mitte einer Zelle mit fester Höhe vertikal auszurichten. Der Überlauf oben und unten sollte ausgeblendet werden.

Hier ist mein Code bisher:

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td height="500" style="display: block; overflow: hidden;"> 
    <div style="position: relative;"> 
     <video autoplay loop width="100%" style="display: block;"> 
     <source src="video.mp4" type="video/mp4"> 
     </video> 
    </div> 
    </td> 
    </tr> 
</table> 

Dies macht mit dem Überlauf am Boden versteckt, aber jeder Versuch, vertikal zentriert es nicht ...

Jede Hilfe wäre toll!

Answer 1

Ändern der Stile für die td centeres das Video vertikal:

style="vertical-align: middle; overflow: hidden;"