Migrating your logic fully to VHS is not just about silencing a console warning; it drastically improves your web video delivery pipeline:
If you are still seeing warnings after updating the code, ensure that you have uninstalled videojs-contrib-hls from your node_modules and are not including its script tag in your HTML. If you are still seeing the warning, could you let me know: What version of are you running? Are you using a package manager (npm/yarn) or script tags ? What other plugins are you using?
This warning appears because Video.js has replaced the old videojs-contrib-hls plugin with . Starting with Video.js 7, VHS is the default engine for handling HLS and DASH playback.
By acting now, you ensure that when Video.js eventually removes the alias, your player will continue working seamlessly. Keep streaming, stay updated, and always respect the console – it’s trying to help you build a better video experience.
In short:
Step 1 — Identify how HLS is included
If you’ve recently updated your version of Video.js (specifically videojs-contrib-hls or the core player with http-streaming ), you might have noticed a new warning in your browser’s console:
VHS is built to better support modern low-latency streaming profiles.
In Video.js, a "tech" (short for technology) is the underlying playback engine. The most common tech is the HTML5 video element, but Video.js can also use Flash (legacy), YouTube, or custom techs. Migrating your logic fully to VHS is not
If you are working with Video.js, specifically utilizing HTTP Live Streaming (HLS), you might have encountered the following warning in your browser console:
Knowing this, I can provide a more tailored fix for your setup.
This warning triggers when your JavaScript application tries to programmatically interact with the internal streaming engine using the old namespace. Common culprits include:
player.on('usage', function(e) if (e.name === 'hls-bitrate-switching') // Handle quality switch ); Use code with caution. javascript What other plugins are you using
const player = videojs('my-player', techOrder: ['vhs'], sources: [ src: 'https://example.com/hls-stream.m3u8', type: 'application/x-mpegURL', ], );
Step 3 — Update player initialization
| Browser | Native HLS Support | VHS Behavior | |---------|-------------------|---------------| | Safari (macOS/iOS) | Yes | Can override native (configurable) | | Chrome/Edge/Firefox | No | Uses VHS engine | | Android Chrome | Varies | Uses VHS for reliability |
;
/* New class applied by the VHS engine */ .vjs-quality-selector .vjs-tech--vhs display: block; Use code with caution. 2. Update JavaScript API Hooks