{% extends "base.html" %}

{% block title %}Blinkster : Détail d'un segment{% endblock %}

{% block content %}
<div>

<h1>Segment :</h1>

<h2>Titre :</h2>
<div>{{segment.title}}</div>

<h2>Description :</h2>
<div>{{segment.abstract}}</div>

<h2>Tags :</h2>
<div>{{segment_tags_list}}</div>

<h2>Détails :</h2>

<ul>
    <li>project_id = {{segment.project_id}}</li>
    <li>iri_id = {{segment.iri_id}}</li>
    <li>ensemble_id = {{segment.ensemble_id}}</li>
    <li>cutting_id = {{segment.cutting_id}}</li>
    <li>element_id = {{segment.element_id}}</li>
    <li>duration ={{segment.duration}}</li>
    <li>start_ts = {{segment.start_ts}}</li>
    <li>author = {{segment.author}}</li>
    <li>date = {{segment.date}}</li>
    <li>content duration = {{content_duration}}</li>
</ul>

<div id="timeline">
	<div id="timeline_segment" style="width: {{segment_relative_duration}}%; left: {{segment_relative_start}}%">&nbsp;</div>
</div>

<video width="320" height="240" controls="true" src="{% url blinkster.views.segment_ts_playlist iri_id ensemble_id cutting_id element_id %}">
</video>

</div>
{% endblock %}