Как добавить CSS классы в PHP?

171
17 января 2020, 19:50

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

.player__video {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  vertical-align: top;
  height: 100%;
  width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

теперь проблема в том как css класс соединить с php файлом, чтобы в php файле отображался видео в слайдере;

require_once 'Mobile_Detect.php';
    $detect = new Mobile_Detect;
    // Any mobile device (phones or tablets).
    if ( $detect->isMobile() ) {
    }

// Any tablet device.
if( $detect->isTablet() ){
}

скрипт ismobile

<div class="hero__player">
              <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>';
                                      }
                                  ?>

код в tpl

Answer 1

Попробуйте этот

<?if ( $detect->isMobile() ):?>
<style>
.player__video {
     overflow: hidden;
     max-width: 100%;
     position: relative;
     vertical-align: top;
     height: 100%;
     width: 100%;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
</style>
<div class="player__video">
</div>
<?endif;?>
READ ALSO
Как сделать запрос с группировкой в связных моделей через промежуточную таблицу?

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

Есть две модели - User и Project и связная модель которая их объединяет ProjectUser Выборка всех проектов где есть пользователь организована в модели...

172
Получить все ID из древа категорий

Получить все ID из древа категорий

Есть древо категорий (коллекции)Для краткости вывода использовал toArray()

189
Всю голову сломал! Session-переменная сбрасывается после Ajax-запроса и все тут!

Всю голову сломал! Session-переменная сбрасывается после Ajax-запроса и все тут!

Задача: сделать так, чтобы определенный input менял атрибуты name и id на рандомные после каждого захода на сайтВот, собственно переменная:

162
сложить два массива

сложить два массива

В цикле собираю массива такого формата:

173