Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request]: videojs-mobile-ui #56

Closed
2 tasks done
ChunkyProgrammer opened this issue Oct 12, 2022 · 3 comments
Closed
2 tasks done

[Feature Request]: videojs-mobile-ui #56

ChunkyProgrammer opened this issue Oct 12, 2022 · 3 comments

Comments

@ChunkyProgrammer
Copy link

Guidelines

  • I have searched the issue tracker for open and closed issues that are similar to the feature request I want to file, without success.
  • I have searched the documentation for information that matches the description of the feature request I want to file, without success.

Problem Description

VideoPlayer doesn't have the best mobile controls

Proposed Solution

Not sure if this would work in Cordova or not but the videojs-mobile-ui module will add touch controls (such as double tap left side to rewind & right side to fast-forward). It might be good to implement this upstream if it works with Cordova.

Alternatives Considered

None

Issue Labels

ease of use improvement, new feature

Additional Information

No response

@MarmadileManteater
Copy link
Owner

I like videojs-mobile-ui. It is a really quick drop-in solution which adds some nice QoL features for mobile, and testing it in Cordova, it seems to work just as well as in a web browser.

MarmadileManteater added a commit that referenced this issue Oct 12, 2022
- Using the beta because it fixes an issue
with multiple version of videojs loading
at once.

This is related to #56.
@MarmadileManteater
Copy link
Owner

One thing to note is that there may have to be some slight CSS changes due to the larger play/pause button that videojs-mobile-ui introduces.
image

FreeTubeBot pushed a commit to FreeTubeApp/FreeTube that referenced this issue Oct 24, 2022
* Adding videojs-mobile-ui as a dependency

- Using the beta because it fixes an issue
with multiple version of videojs loading
at once.

This is related to MarmadileManteater#56.

* Mapping defaultSkipInterval to seekSeconds

* Adding CSS to prevent showing duplicate buttons

- Added a new variable `usingTouch` to selectively hide
the existing `vjs-big-play-button` when the `touch-overlay`
is visible.

* Renaming CSS class to something more specific

* Adding text-shadow behind play / pause button

This should make it more visually distinct against a
light or colorful background.

* Enabling touch-overlay anytime a touch is detected

Disabling it whenever mouse input is detected

The default behavior of `videojs-mobile-ui` is to
only work in Android and iOS, but by
forcing the touch behavior to be enabled and selectively
showing it only when touch input is detected, it should work
on any device with touch input even if the browser doesn't
detect that it is running in Android or iOS.

* Removing unnecessary code

* Removing unintentionally leftover variable

* Removing an unnecessary assignment

Adding comments to explain why a flag called
`forceForTesting` is set to true

Disabling the `lockOnRotate` flag.

* Moving this flag and wrapper class

* Adding whitespace

* Making my comment a little more consistent

* Changing the punctuation of a comment

* Adjusting the CSS to fix a firefox discrepancy

* Adding a check for mobile firefox

For whatever reason, mobile firefox sometimes
triggers onmouseover when a touch occurs, and this
is unwanted behavior.

* Adding a drop-shadow to the ff and rw icons

This should make them easier to see on top of light
videos

* Hiding the mobile play button according to setting

- Added CSS to hide the videojs-mobile-ui play button
when the `Display Play Button In Video Player` setting is disabled.

* Replacing long computed string with class binding

Co-authored-by: absidue <[email protected]>

* Adding newline at the end of videoJS.css

Co-authored-by: absidue <[email protected]>
@MarmadileManteater
Copy link
Owner

These changes have been pulled in from upstream as of commit a3ffbda, and they should roll out in nightly release 72.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants