Background video embed not working

Design help Custom code
1

I’m trying to create a dynamic background video for the top of my page but I don’t want youtube or vimeo titles/controls overlaid, so I’ve created a div and used the following custom HTML within that div:

<video playsinline autoplay muted loop width="100%">
  <source src="my/personally/hosted/video/location" type="video/mp4">
</video>

And everything looks totally fine in preview mode. But once I publish, the background video is empty on Chrome and Safari. Suggestions?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Please review this topics posting guidelines and update your post (missing published link).

3

Same exact issue here, anyone?