YouTube Video Blank

  • Resolved Chad

    (@chadi)


    4 years, 8 months ago

    Just migrated https://www.tylerjamesabizeidfoundation.org/ to LOGICWEB from Godaddy. The speed with Godaddy was horrendous so I migrated it over, installed some plugins to tweak speed and performance.

    1. Autoptimize
    2. W3 Total Cache
    3. WP Force SSL
    4. Cloudflare CDN

    For some reason the Youtube video on the homepage of https://www.tylerjamesabizeidfoundation.org/ is now blank, just black. The link was not modified or such. Not sure what caused that. Hopefully someone here can figure it out.

    From the source code:

    <iframe class=elementor-video-iframe allowfullscreen title="youtube Video Player" data-src="https://www.youtube.com/embed/AufysQPFvmI?feature=oembed&start&end&wmode=opaque&loop=0&controls=1&mute=0&rel=0&modestbranding=0" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="></iframe>

    The cache settings for Autoptimize, W3 Total, Cloudflare…

    https://ibb.co/nBvm78K
    https://ibb.co/cQcXMvh
    https://ibb.co/Wp1RVWS

    • This topic was modified 4 years, 8 months ago by Chad.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • The video is lazyloaded, but the lazyload javascript seems not to kick in when Autoptimize is active Chad. You should either exclude the lazyload javascript from Autoptimize JS optimization or disable the “aggregate JavaScript” option.

    Additionally; you have both W3 Total Cache & Autoptimize configured to do CSS/ JS optimization, but using 2 plugins to do asset optimization can break things, so -assuming you would want to keep AO- you would have to deactivate those functions in W3TC.

    hope this helps,
    frank (ao dev)

    Thread Starter Chad

    (@chadi)

    Thank you, problem solved.

    you’re welcome Chad.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘YouTube Video Blank’ is closed to new replies.