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
Επεξεργάστηκε: 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

Δημοσίευση απάντησης

Συνδεθείτε για να δημοσιεύσετε μια απάντηση.