Videojs Warn Player.tech--.hls Is Deprecated. Use Player.tech--.vhs Instead //free\\ Instant
https://vjs.zencdn.net/8.10.0/video.min.js https://vjs.zencdn.net/8.10.0/video-js.css
If you previously accessed properties like playlists or representations through player.tech().hls , switch to vhs : javascript
Understanding the Video.js Deprecation Warning: Switching from HLS to VHS
To resolve the deprecation warning, update your code to reference the vhs property instead of hls .
If you are testing this in a browser console, you might be too early. Ensure your code is wrapped inside a .ready() callback or an event listener: javascript https://vjs
Leaving your code unchanged might not cause immediate failure, but it introduces several long-term issues:
// Old (Deprecated) var player = videojs('my-video', hls: overrideNative: true ); // New (Recommended) var player = videojs('my-video', vhs: overrideNative: true ); Use code with caution. Copied to clipboard
If you were using videojs-contrib-hls directly, replace it with @videojs/http-streaming . The package name changed.
If you are trying to reach the vhs object through player.tech() , you might need to use the following structure, as discussed in GitHub issues regarding this deprecation: javascript Copied to clipboard If you were using videojs-contrib-hls
If you want to ensure your configuration is completely optimized, let me know: Which you are currently running?
Any you use alongside it (like quality selectors or ad managers)?
<script src="https://vjs.zencdn.net/7.21.0/video.min.js"></script> <!-- Include VHS engine (CDN or local) --> <script src="https://cdn.jsdelivr.net/npm/@videojs/http-streaming@3.8.0/dist/videojs-http-streaming.min.js"></script>
const tech = player.getTech(); const vhs = tech && tech.vhs; if (vhs) // interact with VHS Any you use alongside it (like quality selectors
If your code explicitly checks or configures the HLS tech object, change the property name from hls to vhs . javascript
Years ago, native browser support for HLS playback outside of Apple's Safari was virtually non-existent. To solve this, the Video.js team created a plugin called videojs-contrib-hls . This plugin exposed its internal engine on the player object under the namespace player.tech_.hls . Developers frequently used this namespace to listen to specific HLS events, manipulate segment playlists, or handle decryption keys. The Modern Era: Video.js HTTP Streaming (VHS)
This warning means your codebase relies on an outdated internal reference for HTTP Live Streaming (HLS) playback. While your video might still play, ignoring this warning risks breaking your video player during future Video.js updates. Why This Warning Appears