Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
videojs-overlay-buttons
Advanced tools
Readme
Touch overlay for player
npm install --save videojs-overlay-buttons
{
seekLeft: {
handleClick: () => {
const time = Number(player.currentTime()) - 10;
player.currentTime(time);
},
doubleTap: true,
},
play: {
handleClick: () => {
if (player.paused()) {
player.play();
} else {
player.pause();
}
},
},
seekRight: {
handleClick: () => {
const time = Number(player.currentTime()) + 10;
player.currentTime(time);
},
doubleTap: true,
},
lockButton: false
}
Options | Type | Description |
---|---|---|
handleClick | Function | This Function will be executed when the button is clicked |
doubleTap | Boolean | If the holder of the icon is double tapped, execute handleClick option |
lockButton | Boolean | Show lock button when true, will hide all buttons except lockButton when clicked |
When lockButton is true
When lock button is clicked
This will hide all buttons (also control bar) except lock button
{
previous: {},
seekLeft: {},
play: {},
seekRight: {},
next: {}
}
Add this to your head
tag
<link
rel="stylesheet"
href="https://unpkg.com/videojs-overlay-buttons@latest/dist/videojs-overlay-buttons.css"
/>
Add this to bottom your body
tag
<script src="https://unpkg.com/videojs-overlay-buttons@latest/dist/videojs-overlay-buttons.min.js"></script>
To include videojs-overlay-buttons on your website or web application, use any of the following methods.
<script>
TagThis 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.
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-overlay-buttons.min.js"></script>
<script>
var player = videojs("my-video");
player.touchOverlay(options);
</script>
When using with Browserify, install videojs-overlay-buttons via npm and require
the plugin as you would any other module.
var videojs = require("video.js");
// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require("videojs-overlay-buttons");
var player = videojs("my-video");
player.touchOverlay(options);
When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require
the plugin as you normally would:
require(["video.js", "videojs-overlay-buttons"], function (videojs) {
var player = videojs("my-video");
player.touchOverlay(options);
});
MIT. Copyright (c) hoangvu12 <68330291+hoangvu12@users.noreply.github.com>
FAQs
Overlay buttons for videojs player
The npm package videojs-overlay-buttons receives a total of 414 weekly downloads. As such, videojs-overlay-buttons popularity was classified as not popular.
We found that videojs-overlay-buttons demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.