Custom Native HTML5 Player with Shortcuts

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

< Feedback em Custom Native HTML5 Player with Shortcuts

Avaliação: Bom - o script funciona

§
Publicado: 13/12/2020
Editado: 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;*/
  }
§
Publicado: 15/03/2022

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

§
Publicado: 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

Publicar resposta

Faça o login para publicar uma resposta.