Okay
  Public Ticket #1438692
the video background does not work on mobile
Closed

Comments

  • yoyotte adone started the conversation

    Background videos in sections do not display on mobile.
    How can I solve this problem?

    Thanks

  •  1,974
    Support replied

    You mean video background in home section (first section at the top)?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • yoyotte adone replied

    yes that's it

    But it does not work in another section either.

  •  1,974
    Support replied

    For full video background home section you can set your own poster image. Some of our users used a gif image - a short version of the video.

    In regular sections you can simply embed the video url in content.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • yoyotte adone replied

    yes that's what I did but my problem is that the video is not displayed on mobile phone ...

  •  1,974
    Support replied

    Hello,

    the fullscreen video background top/home section does not play on mobile. You can use a gif poster image for that.

    if you embed the video in a section should be playable on mobile.

    What is your site url?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   yoyotte adone replied privately
  •   Support replied privately
  •   yoyotte adone replied privately
  •  1,974
    Support replied

    I cannot login, can you check plz?

    Also you can try a video plugin for displaying a video in section, if the Visual Composer video shortcode is buggy

    https://en-ca.wordpress.org/plugins/search/video+embed/

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   yoyotte adone replied privately
  • yoyotte adone replied

    Thank you I found a normal display of the section "who I am" on desktop but mobile still nothing.

    I really need it to work properly. I chose this theme for the video background option and the fact that it is responsive so I am very disappointed that it does not work.
    Moreover, I always have this loading bar problem which is displayed too high when loading an element of the portfolio which makes it invisible.


  • yoyotte adone replied

    Can I at least put an image in place of the video only on display on a mobil?
  •  1,974
    Support replied

    Sorry I was not able to reply to your email immediately after we fixed the height of the video section.

    Regarding the loading bar problem which is displayed too high plz open /js/scripts.js and

    replace the line

    jQuery('html, body').animate({ scrollTop: jQuery(".portfolio-bottom").offset().top - 40}, 600);

    with this

    jQuery('html, body').animate({ scrollTop: jQuery(".portfolio-bottom").offset().top + 65}, 600);

    hit hard refresh (Ctrl+F5) for the changes to tke effect in your browser

    You can replace /images/video-placeholder.jpg to get the still image for mobile in home fullscreen video section.

     

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • yoyotte adone replied

    Hello,
    I have to replace the line of code in /js/scripts.js but it still does not work.

    For the image displayed on mobile where exactly I can change this image? I do not see this option ...

    Also in the portfolio the video youtube is no longer displayed. You can try with the video Showreel, the last of the site.

    Thank you in advance

  •  1,974
    Support replied

    The youtube problem is related by your ssl https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content


    Pleade replace also in scripts.js this:

    jQuery('html, body').animate({ scrollTop: jQuery("#project-page-holder").offset().top + 1}, 600);		

    with

    jQuery('html, body').animate({ scrollTop: jQuery("#project-page-holder").offset().top + 100}, 600);		


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • yoyotte adone replied

    Hello, The loading bar problem has been solved by changing the line of code

    jQuery ('html, body'). animate ({scrollTop: jQuery ("# project-page-holder"). offset (). top + 1}, 600);

    By this one

    jQuery ('html, body'). animate ({scrollTop: jQuery ("# project-page-holder"). offset (). top - 65}, 600);

    For the display of the video I used the SSL Insecure Content plugin and it works

    Thank you

  •  1,974
    Support replied

    Ok , thanks for working with us on this issue.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy