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

    HI,
    How can we set buttons to open video URL in a Lightbox? Currently, it opens youtube page or if self hosted it open in new page.

    thanks,
    larry

    #353196

    Hey pixallus!

    After you make your button view your page and then right click and view source and copy the HTML for your button. Something like this,

    <div class="avia-button-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling "><a class="avia-button  avia-icon_select-yes-left-icon avia-color-theme-color avia-size-small avia-position-center " href="#"><span data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" class="avia_button_icon avia_button_icon_left "></span><span class="avia_iconbox_title">Click me</span></a></div>
    

    You can then paste that into a codeblock element and then add a rel = “lightbox” to the link like so.

    <div class="avia-button-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling "><a rel = "lightbox" class="avia-button  avia-icon_select-yes-left-icon avia-color-theme-color avia-size-small avia-position-center " href="#"><span data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" class="avia_button_icon avia_button_icon_left "></span><span class="avia_iconbox_title">Click me</span></a></div>
    

    Regards,
    Elliott

    • This reply was modified 9 years, 5 months ago by Elliott.
    #353233

    Ah the codeblock element. Great Elliot, thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘lightbox video using button element’ is closed to new replies.