Videojs Logo Watermark

Logo image setup with Nuevo plugin

As you can see in video example above (top/right corner), Nuevo plugin allows to overlay logo image either in left or right top corner of the player.
Available logo options:
  • logo - path to logo image (png, jpg, gif)
  • logourl - path to website URL to go on logo click
  • logoposition - logo position (RT - right/top, LT - left/top)
  • logomin - hide logo while playing (true)
Just try to change logo position and check Nuevo plugin setup code.

Logo position:    
Code snippet
<script>
	var player = videojs(); 
	player.nuevo ({
		logo: '//domain.com/path/to/logo.png',
		logourl: '//domain.com',
		logoposition: 'RT',
	});
</script>

Logo in Controlbar

Small logo in Controlbar

Nuevo plugin also allows to display small logo image in control bar, right before fullscreen button.
Enough is to define image URL for logocontrolbar option. If you wish to have clickable image, you must also define link URL for logourl option if it is not already defined.
Logo height in controlbar fits other icons height, centered vertically. If original image is higher, it will be scaled to maximum possible height. Have a look at Nuevo plugin code setup.
Code snippet
<script>
var player = videojs('example_video_1');
player.nuevo ({
	logocontrolbar: '//domain.com/path/to/logo.png',
	logourl: '//domain.com'
});
</script>