web/notify.moe
Code Issues Pull Requests Activity

Added play and pause button

Browse Source
This commit is contained in:
Eduard Urbach
2018-12-09 11:57:37 +09:00
parent 85f140fb18
commit 6489b550c9
6 changed files with 42 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
mixins/AMV.pixy
View File

@ -10,7 +10,7 @@ component AMVMini(amv *arn.AMV, user *arn.User)
component AMVVideo(amv *arn.AMV)
.video-container(id=amv.ID, data-api="/api/amv/" + amv.ID)
video.video.lazy.action(data-action="playVideo", data-trigger="click", data-media-id=amv.ID)
video.video.lazy.action(data-action="toggleFullscreen", data-trigger="dblclick", data-id=amv.ID)
source(data-src="https://notify.moe/videos/amvs/" + amv.File, data-type="video/webm")
//- button.media-play-button

8
mixins/VideoControls.pixy
View File

@ -1,5 +1,11 @@
component VideoControls(containerId string, duration time.Duration)
.video-controls
button.video-control.video-control-play.action(data-action="togglePlayVideo", data-trigger="click", data-media-id=containerId, aria-label="Play")
RawIcon("play")
button.video-control.video-control-pause.action(data-action="togglePlayVideo", data-trigger="click", data-media-id=containerId, aria-label="Pause")
RawIcon("pause")
.video-progress-clickable
.video-progress-container
.video-progress
@ -9,5 +15,5 @@ component VideoControls(containerId string, duration time.Duration)
//- button.video-control.action(data-action="like", data-trigger="click")
//- RawIcon("heart-o")
button.video-control.action(data-action="toggleFullscreen", data-trigger="click", data-id=containerId, aria-label="Fullscreen")
button.video-control.video-control-fullscreen.action(data-action="toggleFullscreen", data-trigger="click", data-id=containerId, aria-label="Fullscreen")
RawIcon("fullscreen")