Custom Native HTML5 Player with Shortcuts

Custom html5 player with shortcuts and v.redd.it videos with audio

< Відгуки до Custom Native HTML5 Player with Shortcuts

Відгук: Добре - скрипт працює добре

§
Опубліковано: 13.12.2020
Edited: 14.12.2020

How can we enable scroll-to-zoom for sticky/fullzoom mode videos in imagus? This is supported by imagus but seems to be disabled in the script.

What I'd like to do is the following:

  1. Hover over video
  2. Press shortcut to enter full-zoom mode
  3. Scroll mouse wheel or press shortcut to zoom in/out

Other than that, this script works great!

EDIT: I commented out four lines of CSS to achieve this (The lines surrounded by /* and */):

const css = `.imagus-video-wrapper {
  height: min-content!important;
  position: fixed!important;
  left: 0!important;
  right: 0!important;
  top: 0!important;
  bottom: 0!important;
  margin: auto!important;
  box-shadow: none!important;
  background-color: hsl(0, 0%, 0%)!important;
  /*width: calc(100% - 100px)!important;*/
}
.imagus-video-wrapper.stickied {
  box-shadow: 0 0 0 100000px hsla(0, 0%, 0%, .7)!important;
}
.imagus-video-wrapper videowrapper {
  height: 0!important;
  padding-top: 56.25%!important;
}
.imagus-video-wrapper videowrapper video.custom-native-player {
  position: absolute!important;
}
@media (min-width: 177.778vh) {
  .imagus-video-wrapper {
    /*margin: 18px auto!important;*/
    /*height: calc(100vh - 18px)!important;*/
    /*width: calc(((100vh - 18px) * 16) / 9)!important;*/
  }
§
Опубліковано: 15.03.2022

Amazing, having the video taking the whole window was infuriating.

§
Опубліковано: 19.03.2022

Amazing, having the video taking the whole window was infuriating.

Oh well, some places the videos are great and some other they are way too small

Опублікувати відповідь

Sign in to post a reply.