# videojs-logobrand

> Custom branding logo plugin for video.js v6.x.x and v7.x.x

Latest version **1.0.3** (published 2019-04-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install videojs-logobrand
pnpm add videojs-logobrand
yarn add videojs-logobrand
bun add videojs-logobrand
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-04-09 |
| First published | 2019-03-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 539 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Tanmoy Thander |
| Maintainers | tanmoythander |

## Links

- npm: https://www.npmjs.com/package/videojs-logobrand
- Repository: https://github.com/tanmoythander/videojs-logobrand
- Homepage: https://github.com/tanmoythander/videojs-logobrand#readme
- Issues: https://github.com/tanmoythander/videojs-logobrand/issues
- npm.io page: https://npm.io/package/videojs-logobrand

## Recent versions

- 1.0.3 (latest) — 2019-04-09
- 1.0.2 — 2019-03-29
- 1.0.1 — 2019-03-29
- 1.0.0 — 2019-03-29

## README

videojs-logobrand
=================

Add a custom branding logo inside the video.js player with options to control image size, opacity, position and visibility. Perfect for branding the media source.

Compatible to video.js v6.x.x and v7.x.x

### Install logobrand
Easiest way to install is through npm
```
npm install videojs-logobrand --save
```

Include the css inside the <head> of your index.html
```
<link href="path/to/videojs.logobrand.css" rel="stylesheet">
```
and the javascript inside the <body>
```
<script src="path/to/videojs.logobrand.js"></script>
```
You can follow the [example](https://github.com/tanmoythander/videojs-logobrand/blob/master/example/example.html) to understand how it works.



### Initialize logobrand
```JavaScript
var player = videojs('video');
player.logobrand({
	image: 'https://www.videojs.com/img/logo.png', // image to use
	destination: 'https://www.videojs.com/', // destination when clicked
	autoHide: false, // default is true
	width: '170px', // default is 'auto'
	height: 'auto', // default is 'auto'
	opacity: 0.7, // default is 1.0
	position: 'absolute', // default is 'static'
	top: '20px',
	right: '30px'
});
```

Feel free to fork and make any changes you want & don't hesitate to do a pull request.

---
_Source: https://npm.io/package/videojs-logobrand · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._