Невозможно загрузить плеер при использовании JWplayer

Question

Я использую JWPlayer 6 на своем сайте django. Я хочу показывать разные видео на одной странице. Из-за того, что я выполняю итерацию по объектам, я не могу назначить разные идентификаторы класса Jwplayer. Поэтому, когда я загрузить его, один видео будет отображаться в то время как другие будут выскочить эту ошибку:

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

Благодаря Джеймс Herrieven!