Video embed not showing in published site

8cdd8601de49548ef7ddc6608990ce271

hello, i’m trying to embed this video and it works everywhere else, however once published it isn’t showing.

just wondering if anyone would know the fix for this
(left is the editor, right is the published site)

here is the read-only: Webflow - KUYA
here is the code:

<section>
<video id="player" width="250px" height="250px" loop muted autoplay playsinline>
  <source
  src="https://cdn.glitch.global/d496c7d5-8993-4fd8-b7b0-0ae6d803b3fd/4_VP9.webm"
  type="video/webm">
  <source 
  src="https://cdn.glitch.me/d496c7d5-8993-4fd8-b7b0-0ae6d803b3fd/4.mov"
  type="video/mov">
</video>
</section>

Hi @tyson,

There’s some CSS in your ‘sound’ embed that is hiding elements with the ID of ‘player’.

If you change the ID of the video element it should fix the issue - here’s an example:

<section>
<video id="glitchPlayer" width="250px" height="250px" loop muted autoplay playsinline>
  <source
  src="https://cdn.glitch.global/d496c7d5-8993-4fd8-b7b0-0ae6d803b3fd/4_VP9.webm"
  type="video/webm">
  <source 
  src="https://cdn.glitch.me/d496c7d5-8993-4fd8-b7b0-0ae6d803b3fd/4.mov"
  type="video/mov">
</video>
</section>
1 Like

it’s fixed!! you’re a genius, thank you so much for the help.