Videojs - Video Title Overlay

Video title overlay for videojs with Nuevo plugin.

videoInfo option available for Nuevo plugin allows to overlay video title and optionally video description on player.
Video info appears on each user active status and on pause event.
There are several optional parameters that allows you to control video info appearance.
  • infoTitle - optional custom title text that you may wish to display. *
  • infoDescription - optional video description text.
  • infoUrl - optional URL to go on info click.
  • infoFont - optional font family for text. Must be system font family or custom font family loaded through your website.
  • infoSize - optional font size from range 15-24 (default size is 18)
  • infoBold - optional, when set true info text will appear bolden.
  • infoIcon - optional Url of the Icon image to display inline before info text.
  • infoBottom - optional, when set true, info overlay is displayed at the bottom of the player before playback.
* If infoTitle not defined, the player will examine title Nuevo plugin option. If both not defined, video info will not show.


See Nuevo plugin setup code example below.

var player = videojs('example_video_1',{},function(){ 
player.nuevo({
	videoInfo: true,
	infoUrl: 'https://www.nuevodevel.com/nuevo/order',
	infoTitle: 'Nuevo plugin for VideoJs',
	infoDescription: 'Order the most advanced plugin for Videojs by Nuevodevel.com',
	url: 'https://www.nuevodevel.com/nuevo/order',
	infoIcon: "//url-to-icon-image.png"
});
</script>