how can I add video to single product page

Add video custom field for post.
Put YouTube code.
Print it on your theme

How do I “Add video custom field for post”

I don’t want to use youtube. I have the videos on my server.

what do you mean “Print it on your theme”

i have tried inserting the following code but it won’t work:

<video width="320" height="240" controls loop muted>
  <source src="https://www.essentialopals.com/public_html/wp-content/uploads/EOVideos/EOE50101/EOE50101.mp4" type="video/mp4">
  <source src="https://www.essentialopals.com/public_html/wp-content/uploads/EOVideos/EOE50101/EOE50101.ogv" type="video/ogv">
  <source src="https://www.essentialopals.com/public_html/wp-content/uploads/EOVideos/EOE50101/EOE50101.webm" type="video/webm">
  <object data="https://www.essentialopals.com/public_html/wp-content/uploads/EOVideos/EOE50101/EOE50101.mp4" width="320" height="240">
    <embed src="https://www.essentialopals.com/public_html/wp-content/uploads/EOVideos/EOE50101/EOE50101.flv" width="320" height="240">
  </object>
</video>

video player shows in firefox but says “no video with support format and MIME type found”

in Chrome only the controls show but no funtionality.

Can someone please help with this?

I have tested the files in there respective browsers and they all work fine.

I have test the code with different files outside my site and it works, but with my path/files it won’t work.

I have tried different paths and permissions, still won’t work.