/image%2F1199205%2F20240426%2Fob_e46ad0_cover.jpg)
This public link is valid for 7 days and shares a thread, including any personal information you added. This link or copies made by others cannot be deleted. If you share with third parties, their policies apply. Can’t copy the link right now. Try again later.
VHS has stricter validation and different default settings than the old HLS plugin. For example, it may reject streams with malformed manifests or require CORS headers.
If you installed videojs-contrib-hls via npm:
A common use case is manually switching between HLS renditions (qualities). Here's how to migrate:
The warning player.tech--.hls is deprecated. use player.tech--.vhs instead is Video.js’s way of telling you that the internals of HLS streaming have been upgraded. While it doesn’t break your player today, future releases will remove the deprecated code path. By migrating to the VHS tech, you not only eliminate the warning but also gain a faster, more reliable, and future‑ready streaming engine. This public link is valid for 7 days
player.on('usage', function(e) if (e.name === 'vhs-bitrate-switching') // Handle quality switch ); Use code with caution. 3. Review Global Configuration Options
Clear your browser cache and reload the page. Open DevTools and ensure the deprecation warning no longer appears.
Step 6 — Test playback across scenarios
Years ago, Video.js relied on a plugin called videojs-contrib-hls to play HLS streams on browsers that did not natively support it (like Chrome and Firefox on desktop). This plugin exposed itself under the internal player architecture as player.tech_.hls . The Rise of videojs-http-streaming (VHS) Can’t copy the link right now
player.src( src: 'https://example.com/stream.m3u8', type: 'application/x-mpegURL' ); </script>
import videojs from 'video.js'; import 'videojs-contrib-hls'; // ❌ old plugin
// Old/Deprecated var player = videojs('my-video', html5: hls: overrideNative: true ); // New/Correct var player = videojs('my-video', html5: vhs: overrideNative: true ); Use code with caution. Copied to clipboard 2. Update Runtime Access
I can provide tailored code snippets to help fix the warning in your specific configuration. Share public link For example, it may reject streams with malformed
The player.tech().hls is deprecated" warning is a friendly nudge to modernize your video player setup. By updating your access method to player.tech().vhs and ensuring your dependencies are updated to the modern videojs-http-streaming standards, you will reduce console warnings and ensure better performance for your users.
Many HLS events (like loadedplaylist , mediachange , error ) are still emitted by VHS, but they may now be namespaced differently. Refer to the VHS documentation for the exact event list.
This warning triggers when your JavaScript application tries to programmatically interact with the internal streaming engine using the old namespace. Common culprits include:
Some events have changed names or moved: