I'm working on a site using hugo (adapting Jacky Zhao's Quartz theme), which I'm deploying to github pages. I'm trying to embed a video in a page that is stored in my static files, but having trouble. The url to the video itself works fine, with sound and controls functioning. The video is just under 2MB, and saved in mp4 format in my static folder. I'm getting no errors or warnings in console, which is also making this harder to debug.
I'm reading a lot that markdown doesn't support video embeds, but have tried a lot of the 'workarounds' I'm finding on here.
 and 
However, using both of the above works in Safari (silently, with no video controls - more like a gif), but just doesn't show up in Chrome. Various html tags don't work on either no matter what I put in them it seems. Also doesn't work trying to use iframe and link to the video on youtube doesn't work either.
When I say 'doesn't work' here I mean it just fails to show at all. When control is put in the video tag, I get a blank video player that is completely unresponsive, and grey where the video should be. In this instance, the isn't the most important thing - would be great to have the silent looping I'm seeing on Safari show up on Chrome also. But I would ideally like it to work with sound too obviously - if not on this page, there are some other sound files I'd like to embed into the pages somehow.
Am I missing something? Is there some sort of plug-in that I should be using alongside this?
If it helps, here's the url to the page I'm trying to embed the video on: https://elaraks.github.io/dampcapital/media/c4-ident/. And here's the url to the static hosted mp4, which works: https://elaraks.github.io/dampcapital/ident.mp4.