Streaming live at 10am (PST)

Image not showing on mobile with embed background video

Hello there,

I have a blog and I want to share short video screenshots for my post. So in the rich text field of my blog post collection list item, I use the embed element to show background videos.

Now my problem is that the image that’s supposed to be shown when the video is loading or when the website is viewed on a mobile device not showing.

Here is my embed code:

<video autoplay loop muted="muted" style="width:100%; height: auto; position: relative; z-index: 0;" poster=“https://www.dropbox.com/s/lch5sm4yko9c0nu/Wild%20Wood%20Bakery.png?dl=1” preload=“auto”>
  <source src="hhttps://www.dropbox.com/s/3s5k4y7uww5dk8x/Wild%20Wood%20Bakery.mp4?dl=1" type="video/mp4"/>
  <source src="" type="video/ogg"/>
  <source src="https://www.dropbox.com/s/3hl1ispfn7sel1z/Wild%20Wood%20Bakery.webm?dl=1" type="video/webm"/>
</video>

and after a few research this:

<div class="embed-video-wrapper">
<video preload=“auto” id="bg-video" autoplay muted loop poster=“https://www.dropbox.com/s/50yhhqljyzb6egp/Instinct-Paris.jpg?dl=1” style="width:100%; height: auto; position: relative; z-index: 2; display: block; overflow: hidden object-fit:cover;">
  <source src="https://www.dropbox.com/s/l4cyvqb3hpyhqw4/Instinct%20Paris.mp4?dl=1" type="video/mp4"/>
  <source src="" type="video/ogg"/>
  <source src="https://www.dropbox.com/s/icxrg4qdempiiz7/Instinct%20Paris.webm?dl=1" type="video/webm"/>
  Sorry, your browser does not support video tag.
</video>
</div>

<style>
@media (max-width: 750px) {
    #bg-video { display: none; }
    <img src="https://www.dropbox.com/s/50yhhqljyzb6egp/Instinct-Paris.jpg?dl=1">
    body {
      background: url("https://www.dropbox.com/s/50yhhqljyzb6egp/Instinct-Paris.jpg?dl=1");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: contain;
    }
}
</style>

But none of them are working. Just shows a play icon on a blank space without the image.

Is anybody can help me, please? :sweat_smile:


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

Hi, Nobody can help me? :confused: