{% load staticfiles thumbnail i18n sekizai_tags %}
{% addtoblock "js" %}
   <script type="text/javascript" src="{{ STATIC_URL }}video/js/flowplayer-3.2.11.min.js"></script>
{% endaddtoblock %}
{% addtoblock "js" %}
    <script type="text/javascript" src="{{ STATIC_URL }}video/js/flowplayer.controls-3.2.14.swf"></script>
{% endaddtoblock %}

<h3>Video list</h3>
<!-- video list template -->
<ul>
    {%  for obj in objects %}
        <li>
            <div id="video_selected_{{ obj.id }}">
                <h3>

                    {{ obj.titolo }}
                </h3>
                <p><b>area:</b> {{ obj.get_areas }}</p>
                <br/>
                <p>{{ obj.descrizione|safe }}</p>
                <br/>
                {% if obj.file %}
                <a href="{{ obj.file.url }}" style="display:block;width:425px;height:300px;" id="player">
                    {% if obj.thumb %}
                            <img src="{% thumbnail obj.thumb 200x100 %}" />
                    {% endif %}
                </a>

                {% else %}

                    {{ obj.embed_code|safe }}

                {% endif %}

            </div>
        </li>
    {% empty %}
        <p>No videos available.</p>
    {% endfor %}
</ul>
{% addtoblock "js" %}
<script>
    flowplayer("player", "{{ STATIC_URL }}video/js/flowplayer-3.2.15.swf");
</script>
{% endaddtoblock %}