Videojs Warn Player.tech--.hls Is Deprecated. Use Player.tech--.vhs Instead File

If you have been developing HTML5 video players using Video.js, particularly those handling HTTP Live Streaming (HLS), you have likely encountered a warning in your browser's console that looks something like this: VIDEOJS: WARN: player.tech_.hls is deprecated. use player.tech_.vhs instead At first glance, this warning can be alarming, especially if your custom player logic relies on accessing the underlying HLS technology. Is your player about to break? Do you need to rewrite large portions of your codebase?

For HLS streaming, browsers do not natively support .m3u8 playlists. To solve this, Video.js uses a that intercepts the stream, transmuxes it into something the HTML5 video element can understand (usually MP4 fragments), and feeds the data to the native player. If you have been developing HTML5 video players using Video

player.tech_.vhs.on('error', (error) => { console.error('VHS error:', error); }); (Note: The VHS event system may differ slightly; always refer to the VHS documentation for exact event names.) Before: Do you need to rewrite large portions of your codebase

player.tech_.hls.on(Hls.Events.ERROR, (event, data) => { console.error('HLS error:', data); }); player

const levels = player.tech_.hls.levels; levels.forEach((level, idx) => { console.log(`Level ${idx}: ${level.height}p`); });

player.tech_.vhs.currentLevel = 2; Before:

const levels = player.tech_.vhs.levels; levels.forEach((level, idx) => { console.log(`Level ${idx}: ${level.height}p`); }); Accessing VHS when tech may not be ready Do not access player.tech_.vhs immediately after player initialization. The tech may still be loading. Use the loadeddata or techready event: