Fancybox href с динамической ссылкой из базы данных (asp.net)

Хорошо, я знаю, что этого было задано довольно много, и, похоже, есть некоторые ответы на те, которые были заданы.
Но я NOOB, понимая эти вопросы, несколько отличается от того, что я ищу.
У меня есть два запроса, сначала для видео
1. У меня есть база данных, где Image & Video хранится динамически.
2. Теперь в конце пользователя я хочу показать изображение и видео
3. Я создаю ссылки, вызывая Sqldatasource из базы данных.

 <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
ConnectionString="<%$ ConnectionStrings:horti %>" 
DeleteCommand="delete from [VideoGallery] where Id=@Id" SelectCommand="SELECT TOP (3) Id, Link FROM VideoGallery ORDER BY Id DESC">
<DeleteParameters><asp:Parameter Name="Id" /></DeleteParameters>
</asp:SqlDataSource>


 <asp:DataList ID="DataList3" runat="server" DataSourceID="SqlDataSource1" RepeatColumns="3">
  <ItemTemplate>
 <a class="fancybox-media" href='<%#Eval("Link")%>'>Youtube</a>
  </ItemTemplate>
 </asp:DataList>

(До сих пор все прекрасно)

4. Теперь проблема заключается в том, что я вызываю href='<%#Eval("Link")%>', fancy-box не всплывает и не воспроизводит видео, а вместо этого загружает видео полный экран без эффекта всплывающего оверлея,
Необычный сценарий окна для видео

$ (document).ready(function() {

  $('.fancybox').fancybox();
      $('.fancybox-media')
          .attr('rel', 'media-gallery')
          .fancybox({
              openEffect: 'none',
              closeEffect: 'none',
              prevEffect: 'none',
              nextEffect: 'none',

              arrows: false,
              helpers: {
                  media: {},
                  buttons: {}

              }

          }); });

Я нашел нечто похожее на добавление динамических ссылок на href qaru.site/questions/921148/...
но я не знаю, как реализовать метод

Для изображения
для изображения я вызываю динамические ссылки на img src & href из базы данных

<a class="fancybox" data-fancybox-group="gallery" title="<%#Eval("Title") %>" href="<%#"Photo_Gallery.ashx?Id="+ Eval("Id") %>"> <img src='<%#"Photo_Gallery.ashx?Id="+ Eval("Id") %>'> </a>

Скрипт Fancybox

<script type="text/javascript">
  $(document).ready(function () {

      $('.fancybox').fancybox();

  });

Это слишком загружает то же самое, что и видео, оно загружает изображение на пустой странице без эффекта наложения

Я считаю, что все работает, только создавая динамическую ссылку для href.
любая помощь была бы чрезвычайно оценена.