Skip to content

kickstarter.com use native video controls by stowball

Screenshot of kickstarter.com use native video controls

Details

Authorstowball

LicenseNo License

Categorykickstarter

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This overrides Kickstarter's custom video player to hide everything but the play button, thus allowing you to customise the playback speed.

Note: The hero video first needs to be right-clicked to Show all controls before the speed can be changed

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         kickstarter.com use native video controls
@version      20220622.10.43
@namespace    userstyles.world/user/stowball
@description  This overrides Kickstarter's custom video player to hide everything but the play button, thus allowing you to customise the playback speed.

Note: The hero video first needs to be right-clicked to Show all controls before the speed can be changed
@author       stowball
@license      No License
==/UserStyle== */

@-moz-document domain("kickstarter.com") {
#content-wrap video:first-of-type::-webkit-media-controls {
    display: revert !important;
}

#content-wrap video:first-of-type::-webkit-media-controls-panel {
    display: revert !important;
    -webkit-appearance: revert !important;
}

#content-wrap video:first-of-type + div > .h7.w100p.max-w200.bg-black.flex.items-center.transition-all.relative.z2,
.player_controls.absolute-bottom.mb3.radius2px.white.bg-green-dark.forces-video-controls_hide {
    background: transparent !important;
    height: 3rem !important;
    opacity: 0.5 !important;
    transition: none !important;
    width: 3rem !important;
}

#content-wrap video:first-of-type + div > .h7.w100p.max-w200.bg-black.flex.items-center.transition-all.relative.z2 :not(:first-child),
.player_controls.absolute-bottom.mb3.radius2px.white.bg-green-dark.forces-video-controls_hide .time,
.player_controls.absolute-bottom.mb3.radius2px.white.bg-green-dark.forces-video-controls_hide .right,
.player_controls.absolute-bottom.mb3.radius2px.white.bg-green-dark.forces-video-controls_hide .progress_container {
    display: none;
}

#content-wrap video:first-of-type + div > button {
    display: none;
}
}

Reviews

No reviews yet.