Starte lokales Video in fancybox mit JWPlayer, Video ID in url

Question

Jan 14, 2013, 12:03 PM

Starte lokales Video in fancybox mit JWPlayer, Video ID in url

So starte ich normalerweise eine Videodatei mit fancybox und jwplayer.

Kopf:

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

Karosserie:

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

Die Herausforderung ist jetzt: Ich habe 140 Videodateien und möchte nicht für jede einzelne Datei eine Funktion. Kennen Sie eine Lösung, mit der Sie der Funktion beim Klicken auf einen Link eine Video-ID (möglicherweise den Dateinamen einer Videodatei) zuweisen können?

Ich dachte über so etwas nach:

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

Vielen Dank.