2018-12-10 09:13:46 +00:00
|
|
|
component VideoControls(containerID string, duration time.Duration)
|
2018-12-08 11:05:17 +00:00
|
|
|
.video-controls
|
2018-12-10 09:13:46 +00:00
|
|
|
button.video-control.video-control-play.action(data-action="togglePlayVideo", data-trigger="click", data-media-id=containerID, aria-label="Play")
|
2018-12-09 02:57:37 +00:00
|
|
|
RawIcon("play")
|
|
|
|
|
|
2018-12-10 09:13:46 +00:00
|
|
|
button.video-control.video-control-pause.action(data-action="togglePlayVideo", data-trigger="click", data-media-id=containerID, aria-label="Pause")
|
2018-12-09 02:57:37 +00:00
|
|
|
RawIcon("pause")
|
|
|
|
|
|
2018-12-08 11:05:17 +00:00
|
|
|
.video-progress-clickable
|
|
|
|
|
.video-progress-container
|
|
|
|
|
.video-progress
|
|
|
|
|
|
|
|
|
|
.video-time= fmt.Sprintf("%d:%02d", int(duration.Minutes()), int(duration.Seconds()) % 60)
|
|
|
|
|
|
|
|
|
|
//- button.video-control.action(data-action="like", data-trigger="click")
|
|
|
|
|
//- RawIcon("heart-o")
|
|
|
|
|
|
2018-12-10 09:13:46 +00:00
|
|
|
button.video-control.video-control-fullscreen.action(data-action="toggleFullscreen", data-trigger="click", data-id=containerID, aria-label="Fullscreen")
|
2018-12-08 11:05:17 +00:00
|
|
|
RawIcon("fullscreen")
|
