JSFiddle - React, Tailwind, and code Playground

by Anton

HTML

<div class="home-hero--video">
  <div id="home-banner-wrap" class="video-wrap">
    <video id='home-banner-video' autoplay muted loop playsinline poster="">
      <source src="https://iplanworld.com/wp-content/uploads/2019/04/iPlan_web-video_HD.mp4" type="video/mp4">
    </video>
  </div>
</div>

CSS

.video-wrap {
  display: block;
  background-image: url(<?php echo $PosterMob['url']; ?>);
}

@media only screen and (min-width: 768px) {
  .video-wrap {
    background-image: url(<?php echo $Poster['url']; ?>);
  }
}