diff sat_templates/templates/bulma/components/media_player.html @ 281:742c59641bf5

bulma (alt media player): renamed from video to media + click_to_[action] moved to column
author Goffi <goffi@goffi.org>
date Tue, 25 Aug 2020 08:42:30 +0200
parents sat_templates/templates/bulma/components/video_player.html@672b6137ef29
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/components/media_player.html	Tue Aug 25 08:42:30 2020 +0200
@@ -0,0 +1,36 @@
+<div class="media_player">
+    <div class="media_elt"></div>
+    <div class="media_overlay_play is-flex has-items-centered">
+        <span class="icon">
+            <i class="icon-play-circled"></i>
+        </span>
+    </div>
+    <div class="media_controls columns is-mobile has-items-vcentered">
+        <div class="column is-narrow click_to_play">
+            <span class="icon is-medium">
+                <i class="icon-play media_play is-size-4"></i>
+                <i class="icon-pause media_pause is-size-4"></i>
+            </span>
+        </div>
+        <div class="column">
+            <progress class="progress" value="0"></progress>
+        </div>
+        <div class="column is-narrow click_to_change_timer_mode">
+            <div class="content timer">
+                0:00/0:00
+            </div>
+        </div>
+        <div class="column is-narrow click_to_change_volume">
+            <span class="icon is-medium">
+                <i class="icon-volume-up media_sound_on is-size-4"></i>
+                <i class="icon-volume-off media_sound_off is-size-4"></i>
+            </span>
+        </div>
+        <div class="column is-narrow click_to_fullscreen">
+            <span class="icon is-medium">
+                <i class="icon-resize-full media_resize_full is-size-4"></i>
+                <i class="icon-resize-small media_resize_small is-size-4"></i>
+            </span>
+        </div>
+    </div>
+</div>