Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • February 12, 2015 at 9:13 pm #395340
    cwitdoeckt

    I have tried using self hosted a webm video and youtube hosted video. It’s not working on mobile devices, but working fine on desk tops. Metamo.com/

    February 13, 2015 at 12:19 pm #395618
    Ismael

    Hey cwitdoeckt!

    Thank you for using Enfold.

    The video background option is disabled on mobile by default due to various incompatibility reasons. Please add a fallback image.

    Regards,
    Ismael

    January 20, 2016 at 11:47 am #568531
    hrvw

    Hey Ismael,

    I can not get my fallback image responsive. How can I do this?
    regards,
    Harry

    January 21, 2016 at 5:10 am #569143
    Rikard

    Hi Harry,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 21, 2016 at 9:17 am #569237
    hrvw

    Hi Richard,
    It’s about this page http://www.harryshaircenter.nl/uitblinker/
    On the PC it works perfectly, but on Mobile, is the fallout image very large and does not adjust to the screen.
    Friendly regards,
    Harry

    January 21, 2016 at 10:57 am #569297
    Basilis

    Hey!

    What mobile browser and device are you using?
    Loaded with my iPhone and it worked pretty much correctly.

    Thanks a lot

    Cheers!
    Basilis

    January 21, 2016 at 11:29 am #569316
    hrvw

    I,m using android 4.4 and chrome.
    regards,
    Harry

    January 22, 2016 at 11:51 am #569928
    Andy

    Hey!

    try to control background image using this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
#av_section_1 {
background-size: 100% 100% !important;
background-position: 0px 0px !important;
}}

    play around and adjust the values as needed.

    Regards,
    Andy

    January 22, 2016 at 2:50 pm #570100
    hrvw

    Sorry it’s not working.
    Regards,
    Harry

    January 25, 2016 at 12:11 pm #571273
    Andy

    Hey!
    Include background-image into my code:

    @media only screen and (max-width: 767px) {
#av_section_1 {
background-size: 100% 100% !important;
background-position: 0px 0px !important;
background-image: url(https://www.harryshaircenter.nl/wp-content/uploads/2016/01/csm_RedCollection_TEASER_TILE_M_Group_0d50a5f255-727x430.jpg) !important;
}}

    Clear browser cache and hard refresh a few times afterwards.

    Best regards,
    Andy

    January 25, 2016 at 4:13 pm #571404
    hrvw

    Good day Andy,
    On my tablet works it well, but it does not work on mobile.(Samsung Galaxy note 2) The image is very large and not responsive.

    Friendly regards,
    Harry

    January 26, 2016 at 3:12 pm #572148
    Andy

    Hey!

    Did you play around with different values for background-position and background-size? until it fits for you? Can you check on another mobile device as well please?

    Can you show us screenshots of what you see? (imgur.com, dropbox).

    Cheers!
    Andy

    January 26, 2016 at 5:14 pm #572226
    hrvw

    Hello again,

    I have tried with different values, but keep getting the same on mobile, I’ve also tested an I phone them they had the same problem. On a tablet it works okay.screen shot of my mobile

    regards,
    Harry

    January 26, 2016 at 7:19 pm #572294
    Andy

    Hi!

    the image looks good to me. What do you want to change exactly?

    Cheers!
    Andy

    January 26, 2016 at 7:25 pm #572297
    hrvw

    Hello,

    The image is to big, it must be this way,
    how it must be

    Regards,
    Harry

    January 26, 2016 at 7:30 pm #572301
    Andy

    Hey!

    can you provide us admin access please? post login details here as private reply.

    Cheers!
    Andy

    January 26, 2016 at 7:39 pm #572308
    hrvw

    Hello, What is your e mail adres? for WordPress needed.

    Regards,
    Harry

    January 26, 2016 at 7:55 pm #572321
    Andy

    Hi!

    no email needed. Use private content field instead.

    Cheers!
    Andy

    January 27, 2016 at 12:01 pm #572774
    hrvw

    Hello Andy,

    here are the credentials,
    Regards,
    Harry

    January 27, 2016 at 12:50 pm #572805
    Andy

    Hey!

    I told you to give us admin access, not a normal profile. Let us know when you are ready.

    Regards,
    Andy

    January 27, 2016 at 1:55 pm #572865
    hrvw

    Hello,

    You now have all access. I have the code path taken in the quick css because he still was not working. Otherwise, you would think that I had done nietas with the code had been sent.

    Regards,
    Harry

    January 27, 2016 at 2:16 pm #572878
    Andy

    Hi!

    I don’t really get your last post. What are you talking about?

    By the way I can’t find the code I have given you in your Quick CSS field. Where is it? please paste it inside and test it on your device. Play around with different values until it fits for you.

    Regards,
    Andy

    April 6, 2016 at 7:45 pm #609129
    Basilis

    Hey!

    As there is no reply, we will close the topic here.
    Thanks a lot for your patience and understanding

    Cheers!
    Basilis

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Background video not working on mobile devices, especially on iphone.’ is closed to new replies.