jquery - 使用 JWplayer 时无法加载播放器

Question

我在我的 django 网站中使用 JWPlayer 6。我想在同一页面上显示不同的视频。由于我正在迭代对象，因此我无法为 Jwplayer 标签分配不同的类 ID。因此，当我加载它时，一个视频将显示，而另一个视频将弹出此错误:

      Loading the player

我一直在寻找解决这个问题的方法，但没有成功!

Django 模板

{% block content %}

   {% for flip in flips %}

     <p> {{flip.title}} </p>
      <center>
          <div id="myElement">Loading the player...</div>
           <script type="text/javascript">
              jwplayer("myElement").setup({
                  image: "{{MEDIA_URL}}/{{flip.vid_image}}",
          source[ {file: "{{MEDIA_URL}}/{{flip.vid_watch}}" },
                 {file: "{{MEDIA_URL}}/{{flip.vid_mp}}" 
                 ],
                   title:"{{flip.title}}",
                   width:692,
                   height:389
                });
              </script>
        </center>
          <p>Description: {{flip.description}} </p>
   {% endblock %}

Answer 1

答案在这里

 {% block content %}
    {% for flip in flips %}
        <p> {{flip.title}} </p>
   <center>
       <div id="myElement_{{ forloop.counter }}">Loading the player...</div>
          <script type="text/javascript">
             jwplayer("myElement_{{ forloop.counter }}").setup({
                image: "{{MEDIA_URL}}/{{flip.vid_image}}",
                source[ {file: "{{MEDIA_URL}}/{{flip.vid_watch}}" },
                        {file: "{{MEDIA_URL}}/{{flip.vid_mp}}"}
                ],
                title:"{{flip.title}}",
                width:692,
                height:389
            });
          </script>
      </center>
        <p>Description: {{flip.description}} </p>
       {% endfor %}


  {% endblock %}

感谢詹姆斯·赫里文!