Okay
  Public Ticket #168498
Home page Video Background in Mobile
Closed

Comments

  • Ale started the conversation
    Hi, The background video at home page is not working on tablets and smartphones. Can this problem be solved? If not, there is the possibility of showing a still image insetad? Thanks
  •  1,825
    Support replied

    Hello, we are about to release version 1.1.1 which fixes this problem.

    In the meanwhile

    plz a\change the following line 14 in the js/jquery.mb.YTPlayer.js:

    jQuery('#video-container').addClass('video-section');

    to

    jQuery('.home-section').addClass('video-section');

    and it should work

    and you can replace video_placeholder.jpg from imgaes folder with one of your own.

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Gabriel replied

    I believe i have v1.1.1 and it still has the same issue.  I already have:

    line 14 in the js/jquery.mb.YTPlayer.js:

    set to

    jQuery('.home-section').addClass('video-section');

    but i am still showing "Your Video Placeholder Here" on mu iPhone 5... i created a different video-placeholder.jpg and replaced the existing image via FTP but still have the same issue.

     

    Here is my jquery.mb.YTPlayer.js script:

    jQuery(document).ready(function(){
        
        
        var onMobile = false;
        if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { onMobile = true; }
        
        if( ( onMobile === false ) ) {

                jQuery(".player").mb_YTPlayer();
            
        } else {
                
                /* as a fallback we add a special class to the header which displays a poster image */
                jQuery('.home-section').addClass('video-section');
                
                /* hide player */
                jQuery(".player").hide();

                jQuery("#video-volume").hide();
                
            }
        
    });

  • Gabriel replied

    here is my site link http://media.mersoft.com.php53-16.ord1-1.websitetestlink.com/

     

  •  1,825
    Support replied

    Hi Gabriel,

    The code is good. I see a pattern image when running the site on the iphone (attached). Perhaps it's a matter of refreshing?

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Benjamin replied

    Hi, Same problem here. 

    Could you be more precise with what we have to do with "video_placeholder.jpg" ?

    Where is it located ? 

  •  1,825
    Support replied

    Hi Benjamin,

    It's located in the 'images' directory in the main theme folder.

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy