Videojs Logo Watermark

STANDARD

PREMIUM

GOLD

Video Player is loading.

Current Time 0:00

Duration 0:00

Loaded: 0%

Stream Type LIVE

Remaining Time 0:00

ZOOM HELP

Drag zoomed area using your mouse.

100%

The Nuevo plugin allows you to overlay a logo image either in the top-left, top-right, or bottom-left corner of the player. Available logo options are:

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, LB - bottom/left)
logomin - hide logo while playing (true)

Try to change the logo position and check the Nuevo plugin setup code.

Code snippet

<script>
var player = videojs();
player.nuevo ({
logo: "//domain.com/path/to/logo.png",
logourl: "//domain.com",
logoposition: "LT"
});</script>

Small logo in Controlbar

Video Player is loading.

Current Time 0:00

Duration 0:00

Loaded: 0%

Stream Type LIVE

Remaining Time 0:00

ZOOM HELP

Drag zoomed area using your mouse.

100%

The Nuevo plugin also allows you to display a small logo image in the control bar, right before the fullscreen button.
It is enough to define the image URL for the logocontrolbar option. If you wish to have a clickable image, you must also define a link URL for the logourl option if it is not already defined.br />Logo height in the control bar fits other icons height, centered vertically. If the original image is higher, it will be scaled to the maximum possible height. Have a look at the 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>