Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1487850

    We have a site ready to go live but we (the client and I) are seeing a blue ? icon under the video on the homepage – but just on iphone, not android.
    I have tried dev tools on chrome and firefox to inspect but it does show on those browsers so that I can inspect. Just on a real iphone.
    I can send a screenshot if you tell me how best to do so.
    Can you look on your iphone?

    The site is https://new.scrcustomhomes.com/

    Thanks,
    Chris

    #1487853

    Here is a screenshot from my iphone.
    https://img.savvyify.com/image/IMG-4818.yyiLL
    Thanks!
    Chris

    #1487879

    I think this symbol appears when an image or file cannot be found.

    Edit : now i have inspected your page with dev tools – my pages with full-width easyslider and video inside as list item – looks totaly different to your DOM.

    I got this <div id="mep_0" … container inside <div data-rel="slideshow-1" class="avia-slide-wrap " ….with all the video instructions inside

    Ah ok : this seems to be a matter if the inserted url is a relative url and not an absolute url.
    by the way it seem to be the only way to show the video on iPhones by relative urls – but than a message is shown : av-fallback-message if there is no fallback image.

    so try: let there be the relative url to your video – do not enter a fallback image and:

    #top .av-fallback-message,
    #top .av-fallback-message + img {
      display: none !important;
    }

    or if you do not like to use the Sibling Combinator :

    #top .av-fallback-message {
      display: none !important;
    }
    .avia-slideshow li img[src*="undefined"] {
      display: none !important;
    }
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.