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

bulma (components): template for the alternative media player
author Goffi <goffi@goffi.org>
date Sat, 15 Aug 2020 16:40:29 +0200
parents
children
line wrap: on
line source

<div class="video_player">
    <div class="video_elt"></div>
    <div class="video_overlay_play is-flex has-items-centered">
        <span class="icon">
            <i class="icon-play-circled"></i>
        </span>
    </div>
    <div class="video_controls columns is-mobile has-items-vcentered">
        <div class="column is-narrow">
            <span class="icon is-medium click_to_play">
                <i class="icon-play video_play is-size-4"></i>
                <i class="icon-pause video_pause is-size-4"></i>
            </span>
        </div>
        <div class="column">
            <progress class="progress" value="0"></progress>
        </div>
        <div class="column is-narrow">
            <div class="content timer click_to_change_timer_mode">
                0:00/0:00
            </div>
        </div>
        <div class="column is-narrow">
            <span class="icon is-medium click_to_change_volume">
                <i class="icon-volume-up video_sound_on is-size-4"></i>
                <i class="icon-volume-off video_sound_off is-size-4"></i>
            </span>
        </div>
        <div class="column is-narrow">
            <span class="icon is-medium click_to_fullscreen">
                <i class="icon-resize-full video_resize_full is-size-4"></i>
                <i class="icon-resize-small video_resize_small is-size-4"></i>
            </span>
        </div>
    </div>
</div>