freetube/src/renderer
Emma e43fb94a35
Improving touch input by bringing in `videojs-mobile-ui` (#2719)
* 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 <48293849+absidue@users.noreply.github.com>

* Adding newline at the end of videoJS.css

Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2022-10-24 13:49:52 -04:00
..
assets Feature: Screenshot of video (#2221) 2022-05-30 15:24:34 +02:00
components Improving touch input by bringing in `videojs-mobile-ui` (#2719) 2022-10-24 13:49:52 -04:00
helpers Implement `getRegionData` in web (#2743) 2022-10-22 10:31:34 +02:00
i18n Implement `getRegionData` in web (#2743) 2022-10-22 10:31:34 +02:00
router Feature/channels page (#2129) 2022-07-08 11:40:10 +08:00
sass-partials Add a settings section component to reduce duplicate code (#2609) 2022-09-24 09:12:11 +00:00
store Implement `getRegionData` in web (#2743) 2022-10-22 10:31:34 +02:00
views change `this.showToast` to `showToast` (#2746) 2022-10-19 07:50:09 +00:00
App.css Fix banner width (#2432) 2022-07-31 15:37:22 -04:00
App.js Make copyToClipboard and openExternalLink helpers (#2722) 2022-10-18 08:15:28 +00:00
App.vue Replace jquery on the trending page (#2663) 2022-10-04 17:56:10 +00:00
main.js Implement chapters (#2224) 2022-09-29 20:01:54 +00:00
themes.css Update css-loader and switch to webpack 5's asset modules (#2566) 2022-09-11 20:34:58 -04:00
videoJS.css Improving touch input by bringing in `videojs-mobile-ui` (#2719) 2022-10-24 13:49:52 -04:00