npmpackage.info

Gathering detailed insights and metrics for videojs-mobile-ui

videojs-mobile-ui

Mobile UI for Video.js

1.1.1

107

MIT

JavaScript

70.09 kB

2.6

Installations

npm install videojs-mobile-ui

Developer Guide

BETA

Typescript

No

Module System

CommonJS, UMD

Min. Node Version

>=14

Node Version

14.21.3

NPM Version

8.19.4 Pull Requests

Open

10

Total

151

Closed

36

Merged

105

Issues

Open

6

Total

35

Closed

29

Releases

Unable to fetch releases

Languages

JavaScript

HTML

CSS

Shell

JavaScript (65.02%)

HTML (22.72%)

CSS (12.06%)

Shell (0.21%)

Developer

mister-ben

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

107 Stars

131 Commits

26 Forks

7 Watchers

14 Branches

3 Contributors

Updated on Apr 27, 2025

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

1.1.1

Package Id

videojs-mobile-ui@1.1.1

Unpacked Size

70.09 kB

Size

13.79 kB

File Count

NPM Version

8.19.4

Node Version

14.21.3

Published on

Sep 22, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

videojs-mobile-ui

Mobile UI for Video.js.

Touch controls:

Double-tap the left side of the player to rewind ten seconds
Double-tap the right side of the player to fast-forward ten seconds
Single-tap the screen to show a play/pause toggle

Fullscreen control:

Rotate to landscape to enter Fullscreen
Lock to fullscreen on rotate
Always lock to landscape when entering fullscreen (works even when device rotation is disabled/non-functional)

Installation

Installation
Plugin Options
- Default options
- Options
Usage
License

Installation

1npm install video.js
2npm install videojs-mobile-ui

Version 1.x requires video.js 8.x as a peer dependency. Lowever video.js versions are not supported. 0.7.0 supports video.js 7.x. To install the latest version that works with Video.js 7, use the latest7 tag:

1npm install videojs-mobile-ui@latest7

Plugin Options

Default options

1{
2  fullscreen: {
3    enterOnRotate: true,
4    exitOnRotate: true,
5    lockOnRotate: true,
6    lockToLandscapeOnEnter: false,
7    disabled: false
8  },
9  touchControls: {
10    seekSeconds: 10,
11    tapTimeout: 300,
12    disableOnEnd: false,
13    disabled: false,
14  }
15};

Options

fullscreen.enterOnRotate boolean Whether to go fullscreen when rotating to landscape
fullscreen.exitOnRotate boolean Whether to leave fullscreen when rotating to portrait (if not locked)
fullscreen.lockOnRotate boolean Whether to lock to fullscreen when rotating to landscape
fullscreen.lockToLandscapeOnEnter boolean Whether to lock to landscape when entering fullscreen (works even when device rotation is disabled/non-functional)
fullscreen.disabled boolean If true no fullscreen handling except the deprecated iOS fullwindow hack
touchControls.seekSeconds int Seconds to seek when double-tapping
touchControls.tapTimeout int Milliseconds to consider a double-tap
touchControls.disableOnEnd boolean Whether to disable touch controls when the video has ended, e.g. if an endscreen is used. Automatically disables if the endscreen plugin is present when this plugin initialises
touchControls.disabled boolean If true no touch controls are added.

Usage

To include videojs-mobile-ui on your website or web application, use any of the following methods.

`<script>` Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin after you include video.js, so that the videojs global is available.

1<link rel="stylesheet" href="//path/to/videojs-mobile-ui.css">  
2<script src="//path/to/video.min.js"></script>
3<script src="//path/to/videojs-mobile-ui.min.js"></script>
4<script>
5  var player = videojs('my-video');
6
7  player.mobileUi();
8</script>

The release versions will be available on jdselivr, unpkg etc.

Browserify/CommonJS

When using with Browserify, install videojs-mobile-ui via npm and require the plugin as you would any other module.

1var videojs = require('video.js');
2
3// The actual plugin function is exported by this module, but it is also
4// attached to the `Player.prototype`; so, there is no need to assign it
5// to a variable.
6require('videojs-mobile-ui');
7
8var player = videojs('my-video');
9
10player.mobileUi();

Also include the CSS.

RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the plugin as you normally would:

1require(['video.js', 'videojs-mobile-ui'], function(videojs) {
2  var player = videojs('my-video');
3
4  player.mobileUi();
5});

Also include the CSS.

Import

To import into React etc import both the package and the script

1import videojs from 'video.js'
2import 'videojs-mobile-ui/dist/videojs-mobile-ui.css';
3import 'videojs-mobile-ui';

License

MIT. Copyright (c) mister-ben <git@misterben.me>

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.6

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to videojs-mobile-ui

Other packages similar to videojs-mobile-ui

videojs-mobile-ui

Installations

Developer Guide

No

CommonJS, UMD

>=14

14.21.3

8.19.4

Pull Requests

10

151

36

105

Issues

6

35

29

Releases

Unable to fetch releases

Languages

Developer

mister-ben

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

videojs-mobile-ui

Table of Contents

Installation

Installation

Plugin Options

Default options

Options

Usage

<script> Tag

Browserify/CommonJS

RequireJS/AMD

Import

License

10

10

10

1

0

0

0

0

0

0

0

0

0

2.6

/10

`<script>` Tag