Skip to content

Add a custom image logo that fades in and out with the user controls. Perfect for branding the media source.

License

Notifications You must be signed in to change notification settings

tanmoythander/videojs-logobrand

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 of your index.html

<link href="path/to/videojs.logobrand.css" rel="stylesheet">

and the javascript inside the

<script src="path/to/videojs.logobrand.js"></script>

You can follow the example to understand how it works.

Initialize logobrand

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.

About

Add a custom image logo that fades in and out with the user controls. Perfect for branding the media source.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 49.8%
  • HTML 29.2%
  • CSS 21.0%