Replace mp4 with image on mobiles/tablets

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    The answer to this question is not directly related with the plugin, and can be solved directly with CSS. I’ll explain it with a simple example:

    Suppose that the section of the logo includes two div tags, and the video player with the logo into them:

    <div class="external_tag"><div class="internal_tag">The shortcode with the player was inserted here</div></div>

    Now, in any of the CSS files in your website, you should define an style similar to:

    @media(max-width:720px){
.internal_tag{display:none !important;}
.external_tag{
width:208px;
height:117px;
background:url("the url to the image with the logo");
}
}

    and that’s all.

    As I said previously the solution is not related with our plugin. However if you need additional help in this subject, we can offer you a custom coding service in our private support page:

    https://wordpress.dwbooster.com/support

    Best regards.

    Thread Starter Paston

    (@paston)

    thanks very much for the quick reply – we’ll give it a try

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Replace mp4 with image on mobiles/tablets’ is closed to new replies.