Comments (4)
Imho one viable solution for such issues would be to add a configuration option with which you can change the positioning of the overlay (or even make it draggable). That way user can work around such issues on specific pages.
from videospeed.
@hacst hmm, draggable is an interesting idea! It would still be a bit tough to grab it when the overlay is on top, but... I like the idea, worth experimenting with!
from videospeed.
Looking into the CSS on YT pages, I think the relevant bits are:
.html5-video-player:not(.ad-interrupting):not(.hide-info-bar) .html5-info-bar, .ended-mode.endscreen-loaded:not(.el-detailpage):not(.house-brand):not(.ad-interrupting) .html5-info-bar, html[data-player-size=fullscreen] .html5-video-player:not(.house-brand):not(.ad-interrupting) .html5-info-bar {
display: block;
}
.html5-video-player:not(.ytp-block-autohide) .html5-info-bar:not(.show-share) {
-moz-transition: opacity .25s cubic-bezier(0.4,0,0.2,1);
-webkit-transition: opacity .25s cubic-bezier(0.4,0,0.2,1);
transition: opacity .25s cubic-bezier(0.4,0,0.2,1);
opacity: 0;
}
Above rules capture the display + hide logic for the infobar. So, if we listen for same events and target the speed controls, we can slide them down and up when the infobar appears on screen.
from videospeed.
Works like a charm! Thank you so much!! 😃
from videospeed.
Related Issues (20)
- Settings Not Working on Arc Browser HOT 10
- Using the extension with Playposit videos disables the video
- I can not move to next page
- Extension not working after latest update HOT 1
- please add next frame and previous frame feature
- please add this feature for incognito HOT 2
- no longer works in Disney+? HOT 25
- Support for ARC BROWSER HOT 1
- No video in Microsoft page HOT 1
- microsoft edge controls not working properly HOT 1
- No longer works on Disney+.
- No longer working on pesi.com
- general question - export / import saved settings
- Sound split-second cut-off when modifying speed on WebKit browsers
- Feature request
- 我在使用tiktok,刷到下一个视频,就要重新设置倍率
- YouTube video speed changes when zooming in using trackpad gesture HOT 2
- Touch friendly "gestures" (like in NewPipe / VLC mobile) HOT 1
- Is it possible to make the font size of the tip text in the top left corner of the video larger? Or support customized font size, thank you!
- disable youtube press and release changing playback speed and displaying it HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videospeed.