Iniciar vídeo local no fancybox com o JWPlayer, ID do vídeo no url

Question

Jan 14, 2013, 12:03 PM

Iniciar vídeo local no fancybox com o JWPlayer, ID do vídeo no url

É assim que eu geralmente inicio um arquivo de vídeo com o fancybox e o jwplayer.

Cabeça:

<head> /* ... */
      <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
      <script type="text/javascript" src="fancybox/lib/jquery-1.8.2.min.js"></script>
      <script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.3"></script>
      <link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.3" media="screen" />
      <script type="text/javascript">
        $(document).ready(function() {
          $(".fancybox").fancybox();
        });
      </script>
      <script type="text/javascript">
        $(document).ready(function() {
                  jwplayer('startTheMovie').setup({
                     file: "file.mp4",
                     width: "640",
                     height: "360",
                  });
        });
      </script>
</head>

Corpo:

<body>
     <div style="display:none">
        <div id="movie">                                    
          <div id="startTheMovie">Loading...</div>                          
        </div>
      </div>
      <a href="#movie" class="fancybox">Click here to start the movie</a>
</body>

O desafio agora é: eu tenho 140 arquivos de vídeo e não quero uma função para cada arquivo. Você conhece uma solução para dar um ID de vídeo (que pode ser o nome do arquivo de um arquivo de vídeo) para a função ao clicar em um link?

Eu pensei em algo assim:

<a href="#movie?id=movie1" class="fancybox">Click here to start movie no 1</a>
<a href="#movie?id=movie2" class="fancybox">Click here to start movie no 2</a>

Obrigado.