Отобразить окружающее видео для рабочего стола, но заменить его изображением для мобильного
Я создаю тему WordPress, где у героя есть фоновое видео, играющее в фоновом режиме. В настоящее время видео имеет тип file,
Код до сих пор:
<?php
'video_mp4' => get_field('hero_video_mp4')
'video_poster' => get_field('hero_video_poster'),
// Building the Shortcode
$teaserAttr = array(
'mp4' => $video_mp4,
'poster' => $video_poster,
'preload' => 'auto',
'autoplay' => 'on',
'loop' => 'on',
'muted' => true,
'class' => 'hero-video-loop'
);
?>
<div class="hero__container--teaser">
<div class="hero__teaser">
<?php echo wp_video_shortcode( $teaserAttr ); ?>
</div>
</div>Решение
<script type="text/javascript">
if (screen.width >= 768) {
<?= wp_video_shortcode($teaserAttr); ?>
} else {
...
}
</script>
Другие решения
Других решений пока нет …
detector