Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Load a different video for mobile

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

This topic has 3 replies, 3 voices, and was last updated 10 years, 6 months ago by tigaruk.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 27, 2015 at 3:40 am #163706
tigaruk
Member
Im using this bit of code in a widget on my home page to load a video file using the built in wordpress video player.
```
[video src="/videoname4.mp4" preload="true" autoplay="on" loop="on" poster="/frameexport.jpg"][/video]
```
Which works great, however i'd like to load a different video for mobile devices to better match the screen size. How would i do this?
August 27, 2015 at 7:26 pm #163831

frobn
Member

A link to your site would help.

August 27, 2015 at 8:51 pm #163841

coralseait
Member

Honestly, it is best not to load video on mobile esp on your homepage. Autoplay support is spotty at best, and to be honest with mobile bandwidth quotas, esp in some countries, it isn't so nice to force video on mobile.

You'll also get dinged for homepage payload size by google.

Your best bet is to use a media query to swap in a static image for mobile device in place of the video.

Coral Sea IT

August 28, 2015 at 8:47 am #163889

tigaruk
Member

How would i use media query to do that?

I can't link to the site as it's for a client.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.