Custom Native HTML5 Player with Shortcuts

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

< Feedback on Custom Native HTML5 Player with Shortcuts

Review: Good - script works

§
Posted: 2020-12-13
Edited: 2020-12-14

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;*/
  }
§
Posted: 2022-03-15

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

§
Posted: 2022-03-19

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

Post reply

Sign in to post a reply.