1

Как можно в коде прописать чтобы когда размер девайса было меньше 600px, то там показывал картинку, а если выше то видео?

<div class="player">

                                    <?php

                                      $detect = new Mobile_Detect;
                                      if($detect->isMobile()){
                                         $tr= '<img src="/templates/assets/images/button_ground_test.jpg" style="width:100%;">';
                                         $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;
                                            }

                                      }else{
                                        echo '<video class="player__video" width="506" height="506" muted preload="auto" playsinline poster="[xfvalue_videopathimage]"> <source src="[xfvalue_videopath]" type="video/mp4"> Your browser does not support the video tag. </video>';

                                      }
                                  ?>

или же чтобы когда заходишь через mobile то картинку, если через десктоп то видео

5
  • Код в вопросе не работает?
    – u_mulder
    12 апр 2019 в 5:45
  • @u_mulder код работает, но предназначен для другого 12 апр 2019 в 5:55
  • Сделайте это через css (media query), а не php 12 апр 2019 в 12:01
  • @PavelGorobtsov у меня там 4 видео, каждое видео надо поменять на картинки, как в таком случае я должен использовать media query? 15 апр 2019 в 3:11
  • А в чем сложность? С сервера отдайте <img class="img" src=""/> и видео <video class="player__video"/>, а далее через css за счет mediaQuery скрывайте либо видео, либо картинку. 23 апр 2019 в 13:49

1 ответ 1

1
<?php

require_once('Mobile_Detect.php');
$detect = new Mobile_Detect;

// detect mobiles and tables
if ($detect->isMobile() && $detect->isTablet()) {
   echo "Буду показывать картинки";
}
else {
   echo "Буду показывать видео";
}

Используйте mobile_detect чтобы распознавать мобильные устройства

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.