Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1659103
Video background is not shown on ipad/iphone
Closed

Comments

  • ychen415 started the conversation

    Hi, 

    I purchased Scalia on July 24. Currently I am evaluating the theme and overall I found the theme very good but I am VERY FRUSTRATED with a couple of issues around Video Background. 

    (1) Video background on iPhone/iPad becomes blank.

    On my MacBook Pro I can see video background for a row plays flawless. However, when I view the same page on iPhone/iPad, the entire row becomes blank (p_iphone.jpg). 

    Similarly, if I resize my browser on my laptop to less than 753px then the entire row also becomes blank. Same behavior just like iPhone/iPad.

    Is there a way to fix this issue? Or at least I want to hide the entire row or replace this row with a default background image for devices that are smaller.

    (2) Apparently there is a bug when Fullwidth Element is configured with Video background. 

    It seems "https:" is missing (p_fullwidth.jpg).

    <iframe src="//www.youtube.com/embed/lMJXxhRFO1k?playlist=lMJXxhRFO1k&autoplay=1&controls=0&loop=1&fs=0&showinfo=0&autohide=1&iv_load_policy=3&rel=0&disablekb=1&wmode=transparent" frameborder="0" kwframeid="1"></iframe>
    


    Looking forward to heard back from your advises...


  •  6,933
    Oliver replied

    Hi,

    1. By default video backgound, most of mobile devices (particularly running on iOS by Apple) do not allow video backgrounds to run. pls. provide the wp-admin access and link to the page, I'll give you css to show there background image instead of video. 

    2. It's normal.  

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   ychen415 replied privately
  •  6,933
    Oliver replied

    Hi,

    Add feature image in the shortcode settings, . use following css:

    @media (min-width: 980px) {
    .fullwidth-block.clearfix {
        background-image: none !important;
    }
    }


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • ychen415 replied

    Gregor,

    Issue is resolved. Thank you for your help!

  •  6,933
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver