Copy paste video lightbox not working

WP 4.4.2, Enfold 3.4.7

I’ve got a working video lightbox that I added to a page but I actually need it in a sidebar widget. I copied and pasted the working code into a widget but it links direct to youtube instead of displaying in a lightbox. This is my code:

<div class="avia-image-container  av-styling-no-styling   avia-builder-el-1  el_after_av_table  avia-builder-el-last  avia-align- " itemscope="itemscope" itemtype="https://schema.org/ImageObject">
<div class="avia-image-container-inner">
<a href="https://www.youtube.com/watch?v=Nck6BZga7TQ" class="avia_image mfp-iframe lightbox-added">
<img class="avia_image " src="/wp-content/uploads/2016/02/tv1.jpg" alt="" title="tv1" itemprop="contentURL">
<span class="image-overlay overlay-type-video" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 150px; width: 253px;">
<span class="image-overlay-inside">
</span>
</span>
</a>
</div>
</div>

Any idea how I can make it work in the sidebar?