comparison templates/sat_website/gallery.html @ 86:45770a652636

use source tag to display video (tip from Link Mauve)
author souliane <souliane@mailoo.org>
date Mon, 15 Jun 2015 15:30:27 +0200
parents d59bc45f83ca
children 4b4a5d7602f8
comparison
equal deleted inserted replaced
85:3189fd4a15fa 86:45770a652636
34 {% for row in screenshots|buffer:9 %} 34 {% for row in screenshots|buffer:9 %}
35 <div class="item{% if not forloop.counter0 %} active{% endif %}"> 35 <div class="item{% if not forloop.counter0 %} active{% endif %}">
36 {% for screenshot in row %} 36 {% for screenshot in row %}
37 <div class="col-md-4"> 37 <div class="col-md-4">
38 {% if screenshot.poster %} 38 {% if screenshot.poster %}
39 <video index="{{ forloop.counter0 }}" class="thumbnail img-responsive" width="640" height="400" poster="{{ screenshot.poster }}" controls="controls" src="{{ screenshot.path }}" preload="none"> 39 <video index="{{ forloop.counter0 }}" class="thumbnail img-responsive" width="640" height="400" poster="{{ screenshot.poster }}" controls preload="none">
40 {% blocktrans with firefox="<a href=\"http://www.mozilla.org/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}{% endblocktrans %} 40 <source src="{{ screenshot.path }}" type='video/webm; codecs="vp8.0, vorbis"'>
41 {% blocktrans with firefox="<a href=\"http://www.mozilla.org/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}.{% endblocktrans %}
41 </video> 42 </video>
42 {% else %} 43 {% else %}
43 <img index="{{ forloop.counter0 }}" class="thumbnail img-responsive" src="{% static screenshot.path %}"> 44 <img index="{{ forloop.counter0 }}" class="thumbnail img-responsive" src="{% static screenshot.path %}">
44 {% endif %} 45 {% endif %}
45 </div> 46 </div>
76 {% endif %} 77 {% endif %}
77 <div class="carousel-inner" role="listbox"> 78 <div class="carousel-inner" role="listbox">
78 {% for screenshot in screenshots %} 79 {% for screenshot in screenshots %}
79 <div class="item{% if not forloop.counter0 %} active{% endif %}"> 80 <div class="item{% if not forloop.counter0 %} active{% endif %}">
80 {% if screenshot.poster %} 81 {% if screenshot.poster %}
81 <video class="img-responsive" width="640" height="400" poster="{{ screenshot.poster }}" controls="controls" src="{{ screenshot.path }}" preload="none"> 82 <video class="img-responsive" width="640" height="400" poster="{{ screenshot.poster }}" controls preload="none">
82 {% blocktrans with firefox="<a href=\"http://www.mozilla.org/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}{% endblocktrans %} 83 <source src="{{ screenshot.path }}" type='video/webm; codecs="vp8.0, vorbis"'>
83 </video> 84 {% blocktrans with firefox="<a href=\"http://www.mozilla.org/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}.{% endblocktrans %}
85 </video>
84 {% else %} 86 {% else %}
85 <img class="img-responsive" src="{% static screenshot.path %}"> 87 <img class="img-responsive" src="{% static screenshot.path %}">
86 {% endif %} 88 {% endif %}
87 <div class="carousel-caption"> 89 <div class="carousel-caption">
88 {{ screenshot.description }}<br/> 90 {{ screenshot.description }}<br/>