How can I center a video in HTML on product pages?

[Kris-Tech]

Hi

I need some help with HTML code which displays a video on the product pages

https://techfirmstore.com/products/led-smart-glasses

1. Mobile version: Please can you centre the video so it stays between the confines of the boxes above, as you can see it’s slightly off centre.

2. Same for the desktop version so I will need it slightly larger.

Thanks

[dannyelo]

Hello,

This is a css problem.

If your know how to add css code, this is the fix.

video {
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  height: 100%;
}

I added the width and height properties to 100%.

Result:

Hope this helps.

[Kris-Tech]

Thank you so much!