Add a custom image logo that fades in and out with the user controls. Perfect for branding the media source.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

videojs-logobrand

Add a custom image logo that appears & disappears with the user controls. Perfect for branding the media source. This could also be useful for learning how to make Video.JS plugins. I put this together in only a few hours of learning Video.JS so I'm not sure how awful it is.

It's a barebones basic for what I needed, there are possibly some more options that would be nice. Feel free to customize how you need. You can edit the videojs.logobrand.js file to edit the exact values. TODO: Add more custom parameters

###Initialize logobrand

			video = document.querySelector('video');
			player = videojs(video);
			player.logobrand({
				image: "http://www.videojs.com/img/logo.png", //image to use
				destination: "http://www.videojs.com/" //destination when clicked
			});

###Change image after initializing

  player.logobrand().loadImage("http://example.com/img.jpg");

###Change destination after initializing

  player.logobrand().setDestination("http://example.com/");

Feel free to fork and make any changes you want. The way it is now works perfect for what I need but I do not mind editing it for others needs as well so don't hesitate to do a pull request.