Rozpocznij lokalne wideo w fancybox z JWPlayer, ID wideo w adresie URL

Question

Jan 14, 2013, 12:03 PM

Rozpocznij lokalne wideo w fancybox z JWPlayer, ID wideo w adresie URL

W ten sposób zwykle uruchamiam plik wideo z fancybox i jwplayer.

Głowa:

<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>

Ciało:

<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>

Wyzwaniem jest teraz: mam 140 plików wideo i nie chcę funkcji dla każdego pojedynczego pliku. Czy znasz rozwiązanie umożliwiające nadanie identyfikatorowi wideo (który może być nazwą pliku wideo) funkcji po kliknięciu łącza?

Myślałem o czymś takim:

<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>

Dziękuję Ci.