Streaming live at 10am (PST)

Lightbox not working on exported code

I have a lightbox with a youtube video. When I export my website the HTML code for it is the following:

        <div class="hero-image-mask">
           <a href="#" class="w-inline-block w-lightbox">
              <img src="../" srcset=" 500w, 800w, 1080w, 1600w, 1920w" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 991px) 287.515625px, 429.90625px" alt="" class="image-11"/><script type="application/json" class="w-json">{
                 "items": [
                     "type": "video",
                     "originalUrl": "",
                     "url": "",
                     "html": "<iframe class=\"embedly-embed\" src=\"\" width=\"940\" height=\"528\" scrolling=\"no\" title=\"YouTube embed\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen=\"true\"></iframe>",
                     "thumbnailUrl": "",
                     "width": 940,
                     "height": 528

And here’s the JavaScript:

    i.define("lightbox", t.exports = function(t) {
    var e, n, r = {},
        o = i.env(),
        a = c(window, document, t, o ? "#lightbox-mountpoint" : "body"),
        s = t(document),
        u = ".w-lightbox";

Problem is that when I open the .html document for my website and click on the lightbox nothing happens!!!

1 Like

I have the same problem.
Have you resolved it?