Back to examplesNuevo

Video.js React Demo #2

Featuring Nuevo plugin ,Vast ads and progress bar thumbnails.

Example1Example 2Example3
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • captions off, selected

      Demo rendered in React.js version 19.0.0

      Presenting Video.js player v 8.20.0 with the Nuevo plugin v 13.0.0 and Treso skin.

      Video in HLS format with 5 resolutions to switch between, thumbnails over progress bar and disabled Context menu.

      VAST Ads rendered through VastPro plugin consist of a preroll with ad-pods and Companion banner below the player.

      We have prepared as many as 31 React and 9 Next.js examples covering plugins usage included in Nuevo Software.

      All examples are available to test and to review source code through CodeSandbox editor.

      • Basic Setup
      • Nuevo playlist
      • Nuevo playlist below the player
      • Related videos & sharing options
      • Subtitles - method #1
      • Subtitles - method #2
      • Chapters
      • Audio playback
      • Audio ID Tags plugin
      • Hotkeys plugin
      • Custom language
      • Changing video source
      • VTT Thumnails over progress bar
      • Filters plugin
      • Skip Intro plugin
      • News Ticker plugin
      • Overlay plugin
      • UpNext plugin
      • LiveClock plugin
      • More videos gallery
      • Hls.js streaming handler
      • Dash.js streaming handler
      • Offline plugin
      • Video events plugin
      • Transcript plugin
      • Vroll video ads
      • VASTPro plugin
      • VAST ads
      • Chromecast plugin
      • VR/360° plugin
      • React route example

      Next.js/React available examples

      Rendered in Next.js version 15.0.0 and React 18.1.1 or newer.
      • Basic Setup with VTT Tthumbnails
      • Audio ID3 Tags plugin
      • News Ticker plugin
      • Overlay plugin
      • Vroll ads demo
      • Nuevo playlist
      • VAST Video ads demo
      • VASTPro demo
      • Chromecast plugin demo

      Access to CodeSandbox examples is available for logged in Nuevo Software Gold Plan users,
      who decide to buy such service in client area.

      CodeSandbox is a platform for application developers.
      It features an online code editor and a prototyping tool that runs in a web browser.
      With CodeSandbox, you can easily learn, experiment, debug and test apps.
      It's much easier to learn from Codesandbox examples than from any written tutorial.

      ×
      Access to example source code is available
      for logged Nuevo Software Gold Plan users
      who purchased such a service.