Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Added video overlay icon handling

Browse source 
refs https://github.com/TryGhost/Team/issues/1229
This commit is contained in:
Rishabh 2021-12-14 20:38:07 +05:30
parent ad35b4f17e
commit 271d2c02b0
1 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
core/frontend/src/cards/js/video.js
View file

@ -11,6 +11,8 @@
const videoEl = videoElementContainer.querySelector('video');
const durationContainer = videoElementContainer.querySelector('.kg-video-duration');
const currentTimeContainer = videoElementContainer.querySelector('.kg-video-current-time');
const largePlayIcon = videoElementContainer.querySelector('.kg-video-large-play-icon');
const videoOverlay = videoElementContainer.querySelector('.kg-video-overlay');
let playbackRates = [{
rate: 0.75,
label: '0.7×'
@ -99,18 +101,34 @@
});
}
playIconContainer.addEventListener('click', () => {
const handleOnPlay = () => {
largePlayIcon.classList.add("kg-video-hide");
videoOverlay.classList.add("kg-video-hide");
playIconContainer.classList.add("kg-video-hide");
pauseIconContainer.classList.remove("kg-video-hide");
videoEl.play();
raf = requestAnimationFrame(whilePlaying);
});
}
pauseIconContainer.addEventListener('click', () => {
const handleOnPause = () => {
largePlayIcon.classList.remove("kg-video-hide");
videoOverlay.classList.remove("kg-video-hide");
pauseIconContainer.classList.add("kg-video-hide");
playIconContainer.classList.remove("kg-video-hide");
videoEl.pause();
cancelAnimationFrame(raf);
}
largePlayIcon.addEventListener('click', () => {
handleOnPlay();
});
playIconContainer.addEventListener('click', () => {
handleOnPlay();
});
pauseIconContainer.addEventListener('click', () => {
handleOnPause();
});
muteIconContainer.addEventListener('click', () => {