How do I add a fullscreen button for an iFrame display?

[mattbarnicle]

This appeared to show up automatically in fancybox 3. I've upgraded to 5 and it's gone. I tried adding it based on going through the docs and discussions to see how it would be done, but can't get it to show.

Here's my code (I'm using React):

export const LightboxVideoLink = ({ url }) => (
  <a
    href="#"
    onClick={ (e) => {
      e.preventDefault()
      e.stopPropagation()

      new Fancybox(
        [{
          src: url,
          type: 'iframe',
        }],
        {
          Toolbar: {
            display: {
              right: [ "fullscreen", "close" ],
            },
          },
        }
      )
    }}
  >
    Watch video
  </a>
)

[fancyapps]

The toolbar is enabled by default only for galleries that contain images, you can use option enabled: true to enable it for any content (https://fancyapps.com/fancybox/plugins/toolbar/#toolbar):

new Fancybox(
  [{
    src: "your-url",
    type: 'iframe',
  }],
  {
    Toolbar: {
      enabled: true,
      display: {
        right: [ "fullscreen", "close" ],
      },
    },
  }
)

[mattbarnicle]

that worked. thanks!