Как заменить видео с картинками на слайдере?

Question

На слайдере показано 4 видео, мне нужно заменить его, если пользователь входит с мобильных устройств, например, в этом коде:

     $detect = new Mobile_Detect;
     if($detect->isMobile()){
    echo '<video class="player__video image" width="506" height="506"> 
    $poster="[xfvalue_videopathimage]";                                          
    if($poster=="/templates/assets/images/car.jpg"){
     echo $ec;
  }else if($poster=="/templates/assets/images/health.jpg"){
  echo $tr;
 }else if($poster=="/templates/assets/images/property.jpg"){
  echo $ec;
    }else if($poster=="/templates/assets/images/travel.jpg"){
    echo $tr;
    }
 <source src="[xfvalue_videopathimage]" type="video/jpg">  
     </video>';
      }else{
       echo 
  '<video class="player__video" width="506" height="506"> <source src="[xfvalue_videopath]" type="video/mp4"> Your browser does not support the video tag. </video>';
                                      }

Этот код показывает 4 видео в слайдере, если видео не поддерживается,в слайдере показываются картинки, так как мне сделать, когда пользователь входит через мобильное устройство, в слайдере показывать картинки вместо видео?

HTML-код:

<section class="hero heron hero--main hero--video" data-carousel-slide="<?echo $ci;$ci++;?>" data-slide-name="<? echo swlang ('[xfvalue_title]', '[xfvalue_title_kk]', '[xfvalue_title_en]');?>">
            <figure class="hero__image"> <img src="<? echo getImageNC(1100, 502, '[xfvalue_backgroundimage]'); ?>" alt=""> </figure>
            <!-- .hero__image -->
            <div class="hero__content">
              <div class="hero__label"> <span><?php echo _("Обратите время вспять");?></span> </div>
              <h1 class="hero__title"><? echo swlang('[xfvalue_title]', '[xfvalue_title_kk]', '[xfvalue_title_en]');?></h1>
              <div class="hero__helptext">
                <p><? echo swlang ('[xfvalue_desc]', '[xfvalue_desc_kk]', '[xfvalue_desc_en]');?></p> <a href="[xfvalue_href]" class="hero__button button button--prime button--square"><?php echo _("Оформить страховку");?></a>                </div>
            </div>
            <div class="hero__player">
              <div class="player">