summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--chimere/templates/chimere/detail.html8
1 files changed, 4 insertions, 4 deletions
diff --git a/chimere/templates/chimere/detail.html b/chimere/templates/chimere/detail.html
index 1dc9781..7a58cd1 100644
--- a/chimere/templates/chimere/detail.html
+++ b/chimere/templates/chimere/detail.html
@@ -33,13 +33,13 @@
<li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %}
</ul>
{% for multimedia_item in marker.multimedia_items %}
- <div id="tab-{{ forloop.counter }}">
+ <div id="tab-{{ forloop.counter }}" class='{% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}'>
{% if multimedia_item.picture %}
<img alt="{{multimedia_item.name}}" src='{{MEDIA_URL}}{{multimedia_item.picture}}'/>{% endif %}
{% if multimedia_item.url and not multimedia_item.multimedia_type.iframe %}
<div class="media-player">
<span class="media-label">{{multimedia_item.name}}</span>
- <video preload="none" controls="controls"{% ifequal multimedia_item.multimedia_type.media_type 'A' %} poster="{{STATIC_URL}}chimere/img/8thNote.png"{% endifequal %}>
+ <{% ifequal multimedia_item.multimedia_type.media_type 'A' %}audio poster="{{STATIC_URL}}chimere/img/8thNote.png"{% else %}video{% endifequal %} preload="none" controls="controls">
<source src="{{multimedia_item.url}}" type="{{multimedia_item.multimedia_type.mime_type}}" />
<div class="fallback">
<div class="fallback-text">
@@ -49,7 +49,7 @@
</ul>
</div>
</div>
- </video>
+ </{% ifequal multimedia_item.multimedia_type.media_type 'A' %}audio{% else %}video{% endifequal %}>
</div>{% endif %}
{% if multimedia_item.multimedia_type.iframe %}
<iframe class='video' src='{{multimedia_item.url}}'>
@@ -81,7 +81,7 @@ $(function(){
;});
}
});
- $('div.media-player').bind('useractive', function(){
+ $('.video div.media-player').bind('useractive', function(){
$('div.media-controls', this).stop().animate({opacity: 1});
}).bind('userinactive', function(){
$('div.media-controls', this).stop().animate({opacity: 0});