Centre a video

[Danny UK]

Hello,

I've got the code below to put a video onto my website. Would anyone be able to tell me what I need to add so that it's centered horizontally on the page please?

<video width="720" height="720" playsinline autoplay loop muted>
<source src="dm1.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

 

[touch]

Try this:

video{
margin:0 auto;
}

you may also need to set width:100%; on whatever element the video is inside.

 

[Randomface74]

I'd probably wrap it:

<div style="width:100%; text-align:center">
   <video width="720" height="720" playsinline autoplay loop muted>
       <source src="dm1.mp4" type="video/mp4">
       <source src="movie.ogg" type="video/ogg">
       Your browser does not support the video tag.
   </video>
</div>

 

[Danny UK]

Brilliant, thank you.