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 Video.js player. You can also define logo click url and logo transparency (0-100).
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)
Just try to change logo position and check Nuevo plugin setup code.

Logo position:    
<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 allows to display small logo image in controlbar, 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 heiight, centered vertically. If original image is higher, it will be scaled to maximum possible height. Please check Nuevo plugin code setup.
<script>
var player = videojs('example_video_1');
player.nuevo ({
	logocontrolbar: '//domain.com/path/to/logo.png',
	logourl: '//domain.com'
});
</script>