News and updates from the Video.js open-source video player project
Video.js 8 and VHS 3 drop IE support and ES5 transpilation for 3-4% size reduction, introduce new TitleBar component with loadMedia metadata support, reorganize utilities into videojs.dom/fn/num/obj/str/time/url objects, and target evergreen browsers plus Chromium 53 for Smart TV compatibility.
Video.js unveils completely redesigned website with new logo, four CSS-only customizable themes showcasing player framework philosophy, unified root domain, Mux-funded development, and renewed focus on empowering builders to create custom video experiences.
VHS 1.2.0 introduces built-in CEA-608 caption parsing from FMP4 segments for HLS and MPEG-DASH using mux.js CaptionParser, automatically extracting caption streams and converting to VTTCue format for Video.js TextTrack API integration.
Video.js 7.4 debuts experimental live UI enabling seekable live streams with time display relative to live point, adds 14 first-time contributors, removes Grunt for npm scripts, updates focus-visible menu backgrounds, implements replay option, and expands to six new translations.
Video.js debugging journey fixes DASH network disconnect issues by comparing currentTime on timeupdate to prevent premature loading spinner removal, throttling final playlist retries to prevent console crashes, and fixing media-segment-request abort callbacks for init segments.
Video.js HTTP Streaming (VHS) debuts as successor to videojs-contrib-hls, adding DASH support with shared codebase, bundled by default in Video.js 7 for cross-browser HLS and DASH playback without external plugins, with opt-out via core build.
Video.js 7.3 introduces Responsive Mode using playerresize event to apply breakpoint classes like vjs-layout-small for adaptive UI, promotes Fill Mode to first-class feature for contained resizing, and adds createLogger method for hierarchical plugin debugging.
Video.js 7.1 and 6.11 expand autoplay option with muted, play, and any values for better browser policy compatibility, implement double-click fullscreen toggling outside control bar, disable fullscreen button in unsupported contexts, and show mute toggle on iOS.
Video.js 7 officially launches with VHS bundled for HLS and experimental DASH support, drops IE8-10 to enable modern CSS selectors and reduce code, provides core build without VHS, removes Google Analytics from CDN, deprecates 5.x, and plans future roadmap.
Video.js autoplay best practices recommend never assuming autoplay succeeds, using muted attribute to improve success rates, preferring programmatic player.play() over autoplay attribute, and handling Promise rejection to detect when browsers block autoplay.