Mercurial > libervia-templates

comparison sat_templates/templates/bulma/components/video_player.html @ 278:672b6137ef29

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (components): template for the alternative media player
author Goffi <goffi@goffi.org>
date Sat, 15 Aug 2020 16:40:29 +0200
parents
children
comparison
equal deleted inserted replaced
277:4efd3d23de17 278:672b6137ef29
1 <div class="video_player">
2 <div class="video_elt"></div>
3 <div class="video_overlay_play is-flex has-items-centered">
4 <span class="icon">
5 <i class="icon-play-circled"></i>
6 </span>
7 </div>
8 <div class="video_controls columns is-mobile has-items-vcentered">
9 <div class="column is-narrow">
10 <span class="icon is-medium click_to_play">
11 <i class="icon-play video_play is-size-4"></i>
12 <i class="icon-pause video_pause is-size-4"></i>
13 </span>
14 </div>
15 <div class="column">
16 <progress class="progress" value="0"></progress>
17 </div>
18 <div class="column is-narrow">
19 <div class="content timer click_to_change_timer_mode">
20 0:00/0:00
21 </div>
22 </div>
23 <div class="column is-narrow">
24 <span class="icon is-medium click_to_change_volume">
25 <i class="icon-volume-up video_sound_on is-size-4"></i>
26 <i class="icon-volume-off video_sound_off is-size-4"></i>
27 </span>
28 </div>
29 <div class="column is-narrow">
30 <span class="icon is-medium click_to_fullscreen">
31 <i class="icon-resize-full video_resize_full is-size-4"></i>
32 <i class="icon-resize-small video_resize_small is-size-4"></i>
33 </span>
34 </div>
35 </div>
36 </div>