title: How to Fancybox pop-up Youtube and Vimeo video auto play
body: <p>I am trying to video auto play in pop-up.  When I click the video url, it create the pop-up. But does not auto play the Youtube and Vimeo videos. It need to play video when click on video url.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width&quot; /&gt;
  
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css&quot; /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;!-- Content --&gt;
      &lt;?php
      $YoutuveVideoId = &quot;vy0h7unmC3Q&quot;;
      $VimeoVideoId = &quot;569001867&quot;;
      ?&gt;
  
      &lt;a data-fancybox=&quot;gallery&quot; data-type=&quot;video&quot; data-fancybox href=&quot;https://www.youtube.com/watch?v=&lt;?php echo $YoutuveVideoId ?&gt;&quot;&gt;
          YouTube video
      &lt;/a&gt;
      &lt;a data-fancybox=&quot;gallery&quot; data-type=&quot;video&quot; data-fancybox href=&quot;https://vimeo.com/&lt;?php echo $VimeoVideoId ?&gt;&quot;&gt;
          Vimeo video - custom color
      &lt;/a&gt;
  
      &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js&quot;&gt;&lt;/script&gt;
      
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>