Mercurial > libervia-templates
annotate sat_templates/templates/bulma/components/media_player.html @ 295:1de599c5a68f
bulma (base): loading screen:
when the `loading_screen` variable is set before extending `base/base.html`, a loading
modal is shown (and must be removed via JavaScript). This avoids the user to try to use an
interface which is not reactive or working normally because JS is not fully loaded yet.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 27 Nov 2020 12:24:03 +0100 |
| parents | 742c59641bf5 |
| children |
| rev | line source |
|---|---|
|
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
1 <div class="media_player"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
2 <div class="media_elt"></div> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
3 <div class="media_overlay_play is-flex has-items-centered"> |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 <span class="icon"> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 <i class="icon-play-circled"></i> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 </span> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 </div> |
|
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
8 <div class="media_controls columns is-mobile has-items-vcentered"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
9 <div class="column is-narrow click_to_play"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
10 <span class="icon is-medium"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
11 <i class="icon-play media_play is-size-4"></i> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
12 <i class="icon-pause media_pause is-size-4"></i> |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
13 </span> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
14 </div> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
15 <div class="column"> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
16 <progress class="progress" value="0"></progress> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
17 </div> |
|
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
18 <div class="column is-narrow click_to_change_timer_mode"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
19 <div class="content timer"> |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
20 0:00/0:00 |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 </div> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
22 </div> |
|
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
23 <div class="column is-narrow click_to_change_volume"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
24 <span class="icon is-medium"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
25 <i class="icon-volume-up media_sound_on is-size-4"></i> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
26 <i class="icon-volume-off media_sound_off is-size-4"></i> |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
27 </span> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
28 </div> |
|
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
29 <div class="column is-narrow click_to_fullscreen"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
30 <span class="icon is-medium"> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
31 <i class="icon-resize-full media_resize_full is-size-4"></i> |
|
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
32 <i class="icon-resize-small media_resize_small is-size-4"></i> |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
33 </span> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
34 </div> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
35 </div> |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
36 </div> |