Custom content mode

The content mode is enabled by setting the type property to content, which provides an anchor (or link) to open the LightBox and content to display inside of it. A customized content example of a LightBox with a collection of Angular conferences would be as follows:

<p-lightbox type="content" name="content">
  <a class="group" href="#">
    Watch PrimeNG Video
  </a>
  <iframe width="500" height="300" 
    src="https://www.youtube.com/watch?v=Jf9nQ36e0Fw&t=754s"
    frameborder="0" allowfullscreen></iframe>
</p-lightbox>

The component will be rendered as iframe video inside Overlay panel as shown in the following screenshot:

As shown the preceding snapshot, the list of videos are displayed and can watch videos in a popup mode for better experience.