feat(site): migrate blog, with canonicals to v8

2026-08-16 02:45:09 +00:00 · 2025-11-17 16:06:53 -06:00
parent 4c37da8127
commit e458531145
75 changed files with 78 additions and 5 deletions
@@ -54,6 +54,7 @@ const blog = defineCollection({
      pubDate: z.date(),
      updatedDate: z.coerce.date().optional(),
      authors: z.array(reference('authors')),
+      canonical: z.string().url().optional(),
      devOnly: z.boolean().optional(), // only visible in development mode
    }),
 });
@@ -4,6 +4,7 @@ alias:
  - post/35888462908/new-videojs-site-now-with-more-html5/index.html
  - post/35888462908/index.html
 description: Video.js unveils a completely redesigned website built with HTML5 semantic elements and modern CSS techniques, featuring a new blog and Twitter account for project updates and HTML5 video news.
+canonical: https://videojs.org/blog/new-videojs-site-now-with-more-html5
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/35888302484/videojs-is-ie9-compatible/index.html
  - post/35888302484/index.html
 description: Initial testing confirms Video.js is compatible with the Internet Explorer 9 preview, successfully rendering controls and playback despite IE's historical CSS layout challenges.
+canonical: https://videojs.org/blog/videojs-is-ie9-compatible
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/35888138568/ipad-iphone-video-poster-fix-bonus-javascript-placement/index.html
  - post/35888138568/index.html
 description: Video.js 1.1.2 fixes critical iOS 3 bugs on iPad and iPhone where poster attributes and JavaScript placement broke video playback, using a new approach to programmatically set video sources and trigger loading.
+canonical: https://videojs.org/blog/ipad-iphone-video-poster-fix-bonus-javascript-placement-fix
 tags:
  - code
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35887879903/facebook-adds-html5-video/index.html
  - post/35887879903/index.html
 description: Facebook introduces HTML5 video for iPhone and iPad playback as part of their mobile HTML5 implementation, though Flash still outperforms HTML5 on other mobile browsers at this early stage.
+canonical: https://videojs.org/blog/facebook-adds-html5-video
 tags:
  - news
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35887731208/version-1-1-3-release/index.html
  - post/35887731208/index.html
 description: Version 1.1.3 introduces a big play button on first load to fix Safari bugs, adds width/height functions for player resizing, and includes improvements to control bar behavior and event handling.
+canonical: https://videojs.org/blog/version-1-1-3-release
 tags:
  - version
 authors: [steve-heffernan]
@@ -1,6 +1,7 @@
 ---
 title: Version 1.1.4 Release - CSS Loading Spinner & More
 description: The most notable update in this version is a loading indicator spinner, for when the video is buffering or seeking.
+canonical: https://videojs.org/blog/version-1-1-4-release-css-loading-spinner-more
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35887428303/1-1-5-release-subtitles-using-track-android-fix-more/index.html
  - post/35887428303/index.html
 description: Video.js 1.1.5 introduces HTML5 track element support for WebSRT subtitles, adds a pluggable players system for defining fallback order, fixes Android playback issues, and includes a major code reorganization for better maintainability.
+canonical: https://videojs.org/blog/1-1-5-release-subtitles-using-track-android-fix-more
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35887203978/make-sites-serve-you-html5-video-in-safari/index.html
  - post/35887203978/index.html
 description: John Gruber demonstrates how to access HTML5 video in Safari by masquerading as Mobile Safari, revealing how many sites unnecessarily require Flash when they already support HTML5 video for iOS devices.
+canonical: https://videojs.org/blog/make-sites-serve-you-html5-video-in-safari
 tags:
  - code
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35887003151/2-0-0-release-behaviors-and-apis/index.html
  - post/35887003151/index.html
 description: Video.js 2.0.0 introduces a groundbreaking "behaviors" system for creating custom controls, unified APIs for HTML5 and Flash fallback players, configurable fallback order, and switches from list-based to div-based controls for better style portability.
+canonical: https://videojs.org/blog/2-0-0-release-behaviors-fallback-apis-and-more
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35886359508/2-0-2-release-subtitle-optimization-safari-on-leopard-fs/index.html
  - post/35886359508/index.html
 description: Video.js 2.0.2 delivers performance improvements with a completely rewritten subtitle parser, fixes a Safari fullscreen bug on Mac OS X Leopard, and adds volume range validation to prevent playback issues.
+canonical: https://videojs.org/blog/2-0-2-release-subtitle-optimization-safari-on-leopard-fs-fix
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35886098711/html5-video-google-maps-mashup/index.html
  - post/35886098711/index.html
 description: Mozilla showcases creative HTML5 video capabilities with an Indiana Jones-inspired demo that synchronizes video playback with animated route visualization on Google Maps in real-time.
+canonical: https://videojs.org/blog/html5-video-google-maps-mashup
 tags:
  - news
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35885839763/html5-video-statistics/index.html
  - post/35885839763/index.html
 description: HTML5 video reaches a turning point as browser support surpasses 50% of web users in early 2011, driven largely by Firefox and Chrome adoption, though the MP4/h.264 vs WebM/VP8 format war continues to complicate widespread adoption.
+canonical: https://videojs.org/blog/over-50-of-web-users-now-support-html5-video
 tags:
  - stats
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35885627647/google-is-dropping-h-264-from-chrome/index.html
  - post/35885627647/index.html
 description: Google announces it will remove H.264 support from Chrome to back open-source video formats, making Chrome the first browser to drop the proprietary codec despite it being widely supported across Apple and Microsoft platforms.
+canonical: https://videojs.org/blog/google-is-dropping-h-264-from-chrome
 tags:
  - news
  - stats
@@ -3,6 +3,7 @@ title: Apple adds AirPlay to Mobile Safari
 alias:
  - post/35885444487/index.html
 description: iOS 4.3 beta brings AirPlay streaming to Mobile Safari, allowing HTML5 videos to stream directly from iPhone and iPad to Apple TV by adding a simple x-webkit-airplay attribute to video tags.
+canonical: https://videojs.org/blog/apple-adds-airplay-to-mobile-safari
 tags:
  - news
  - code
@@ -4,6 +4,7 @@ alias:
  - post/35885249818/new-mpeg-la-webmvp8-patent-pool/index.html
  - post/35885249818/index.html
 description: MPEG LA calls for patents to create a licensing pool around Google's WebM/VP8 codec, potentially threatening the open-source format's royalty-free status and complicating the HTML5 video format landscape.
+canonical: https://videojs.org/blog/new-mpeg-la-webm-vp8-patent-pool
 tags:
  - news
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35885081376/how-are-you-using-video-js/index.html
  - post/35885081376/index.html
 description: Video.js creator Steve Heffernan reaches out to the community to discover how developers are implementing the HTML5 video player across different websites and use cases.
+canonical: https://videojs.org/blog/how-are-you-using-video-js
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/35884942031/lynda-com-html5-video-tutorial-released/index.html
  - post/35884942031/index.html
 description: Video.js creator Steve Heffernan announces the release of his comprehensive HTML5 video tutorial series on Lynda.com, offering developers professional training on modern web video implementation.
+canonical: https://videojs.org/blog/lynda-com-html5-video-tutorial-released
 tags:
  - news
  - code
@@ -4,6 +4,7 @@ alias:
  - post/35884704314/video-js-v-3-0/index.html
  - post/35884704314/index.html
 description: Video.js 3.0 launches with a unified HTML/CSS skin for both HTML5 and Flash playback, a lightweight Flash fallback player, and free CDN hosting by Level3 for improved performance and accessibility.
+canonical: https://videojs.org/blog/video-js-version-3-0
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35884369527/version-3-1-update/index.html
  - post/35884369527/index.html
 description: Video.js 3.1 introduces experimental iframe mode for Flash to solve Firefox reload bugs, replaces swfobject with custom embedding to reduce file size, and improves fullscreen support with CSS fixes for Firefox 9.
+canonical: https://videojs.org/blog/version-3-1-update
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35883671470/version-3-2-update/index.html
  - post/35883671470/index.html
 description: Video.js 3.2 debuts a new video tag builder tool, completely overhauls HTML5 track support with WebVTT format compatibility, enables chapter navigation, and makes API methods accessible earlier through call caching before player readiness.
+canonical: https://videojs.org/blog/version-3-2-update
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35666994917/brightcove-acquires-zencoder/index.html
  - post/35666994917/index.html
 description: Brightcove acquires Zencoder, ensuring Video.js remains free and open source while gaining full-time dedicated development from creator Steve Heffernan and collaboration with Brightcove's world-class player development team.
+canonical: https://videojs.org/blog/brightcove-acquires-zencoder
 tags:
  - news
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/35788231775/site-and-support-updates/index.html
  - post/35788231775/index.html
 description: Video.js transitions to full-time development and modernizes its support infrastructure by moving from custom forums to Stack Overflow for questions, GitHub Issues for bug tracking, and Trello for project management transparency.
+canonical: https://videojs.org/blog/site-and-support-updates
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/49797985868/repo-moved/index.html
  - post/49797985868/index.html
 description: Video.js source code repository moves from github.com/zencoder/video-js to github.com/videojs/video.js in preparation for version 4.0, with existing forks and pull requests remaining intact.
+canonical: https://videojs.org/blog/repo-moved
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/50021214078/videojs-40-now-available/index.html
  - post/50021214078/index.html
 description: Video.js 4.0 delivers an 18% size reduction through Google Closure Compiler, automated cross-browser testing with TravisCI and BrowserStack, a new plugin interface, redesigned font-based icon skin, improved accessibility, and Apache 2.0 licensing.
+canonical: https://videojs.org/blog/video-js-4-0-now-available
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/54136228059/videojs-410-released/index.html
  - post/54136228059/index.html
 description: Video.js 4.1.0 ships with method queuing for Flash fallback, improved component APIs with fadeIn/fadeOut exports, enhanced user agent detection for Android, and multiple bug fixes for IE and captions.
+canonical: https://videojs.org/blog/video-js-4-1-0-released
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/55553002104/new-player-skin-designer-for-videojs/index.html
  - post/55553002104/index.html
 description: Brightcove hack week produces an interactive Video.js skin designer that enables real-time CSS customization using LESS preprocessing, demonstrating how HTML/CSS skins work across both HTML5 and Flash playback.
+canonical: https://videojs.org/blog/new-player-skin-designer-for-video-js
 tags:
  - html5 video
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/57828375480/hiding-and-showing-video-player-controls/index.html
  - post/57828375480/index.html
 description: Video.js introduces a userActive state system to intelligently show and hide player controls across desktop and touch devices, enabling controls to fade out in fullscreen mode and respond properly to mobile gestures without relying on mouse events.
+canonical: https://videojs.org/blog/hiding-and-showing-video-player-controls
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/60471080014/videojs-420-released-rtmp-css-designer-and/index.html
  - post/60471080014/index.html
 description: Video.js 4.2.0 adds beta RTMP streaming support for Flash, updates the CSS skin designer, implements major control bar improvements, and introduces LESS preprocessing to the default skin for enhanced customization.
+canonical: https://videojs.org/blog/video-js-4-2-0-released-rtmp-css-designer-and-stability
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/61309840958/unauthorized-modification-of-videojs-cdn-files/index.html
  - post/61309840958/index.html
 description: Video.js CDN files were compromised for three hours with malware from the Sendori Auto-update Hack, prompting immediate security fixes including restricted CDN access, third-party monitoring, and defined incident response processes to prevent future attacks.
+canonical: https://videojs.org/blog/unauthorized-modification-of-video-js-cdn-files
 authors: [steve-heffernan]
 ---

@@ -4,6 +4,7 @@ alias:
  - post/61644484835/running-videojs-unit-tests-in-real-browsers-with/index.html
  - post/61644484835/index.html
 description: Video.js integrates Karma testing framework to enable unit test execution in real browsers beyond PhantomJS, with plans to expand support to mobile devices and provide public test result visibility for contributors.
+canonical: https://videojs.org/blog/running-video-js-unit-tests-in-real-browsers-with-karma
 authors: [jim-whisenant]
 ---

@@ -1,6 +1,7 @@
 ---
 title: 4.2.2 Patch Release
 description: Video.js 4.2.2 fixes two critical bugs including a Firefox race condition during video loading that broke playback and an issue where duration would get stuck at 0:00 when loading the player dynamically.
+canonical: https://videojs.org/blog/4-2-2-patch-release
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/66131645152/the-guardian-uses-videojs-in-feature-article/index.html
  - post/66131645152/index.html
 description: The Guardian's interactive Snowden NSA surveillance article showcases innovative Video.js implementation with scroll-triggered playback, custom white-on-gray theming, and controlless players that respond to page navigation instead of traditional user input.
+canonical: https://videojs.org/blog/the-guardian-uses-video-js-in-feature-article
 tags:
  - gallery
 authors: [matthew-mcclure]
@@ -4,6 +4,7 @@ alias:
  - post/66138384272/videojs-version-430-released-w-shiny-new-api/index.html
  - post/66138384272/index.html
 description: Video.js 4.3.0 debuts automatically-generated API documentation using Esprima's abstract syntax tree parsing, adds centered big play button option, introduces new loading spinner styles, and showcases growing plugin ecosystem with 26 community contributions.
+canonical: https://videojs.org/blog/video-js-version-4-3-0-released-w-shiny-new-api-docs
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/77214236892/videojs-version-440-released-now-supporting/index.html
  - post/77214236892/index.html
 description: Video.js 4.4.0 introduces AMD and CommonJS module support for RequireJS and Browserify, enables NPM installation with upcoming Bower and Component support, and debuts five new community plugins including The Onion's endcard solution.
+canonical: https://videojs.org/blog/video-js-version-4-4-0-released-now-supporting-requirejs-and-browserify
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/80918861872/videojs-version-450-released-nothing-to-see/index.html
  - post/80918861872/index.html
 description: Video.js 4.5.0 streamlines the release process for faster delivery, adds Component(1) package manager support, fixes caption positioning when controls hide, and enables Android HLS detection while improving GitHub issue response times.
+canonical: https://videojs.org/blog/video-js-version-4-5-0-released-nothing-to-see-here-move-along
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/86341869931/videojs-version-460-released-its-been-a/index.html
  - post/86341869931/index.html
 description: Video.js 4.6.0 delivers major UX improvements with live streaming UI, clearer error messaging, IE11 fullscreen support, optional playback rate controls, and Addy Osmani's Polymer element integration showcasing vibrant community contributions.
+canonical: https://videojs.org/blog/video-js-version-4-6-0-released-it-s-been-a-productive-month
 tags:
  - version
 authors: [steve-heffernan]
@@ -4,6 +4,7 @@ alias:
  - post/92536319027/dash-everywhere-ish-hack-project/index.html
  - post/92536319027/index.html
 description: Brightcove hackweek produces MPEG-DASH support for Video.js by combining Dash.js and Dash.as implementations, enabling adaptive streaming across browsers through Media Source Extensions and Flash fallback, though iOS support remains unavailable.
+canonical: https://videojs.org/blog/dash-everywhere-ish-hack-project
 tags:
  - news
  - html5 video
@@ -4,6 +4,7 @@ alias:
  - post/93989313276/videojs-v470-built-mostly-by-new/index.html
  - post/93989313276/index.html
 description: Video.js 4.7.0 marks a community milestone with over half the changes from new contributors, Google selects Video.js for their Media Framework with IMA integration, localization infrastructure launches, and Team Coco adopts the player with custom branding.
+canonical: https://videojs.org/blog/video-js-v4-7-0-built-mostly-by-new-contributors-also-google-chooses-video-js
 tags:
  - news
  - version
@@ -4,6 +4,7 @@ alias:
  - post/96564061826/videojs-480-releasedprost/index.html
  - post/96564061826/index.html
 description: Video.js 4.8.0 delivers scheduled maintenance with German translation, configurable inactivity timeout, improved keyboard event handling, and Heavybit Industries' impressive implementation featuring video-synchronized transcripts.
+canonical: https://videojs.org/blog/video-js-4-8-0-released-prost
 tags:
  - news
  - version
@@ -4,6 +4,7 @@ alias:
  - post/99014232526/videojs-49-now-audio-can-join-the-party/index.html
  - post/99014232526/index.html
 description: Video.js 4.9 introduces HTML5 audio tag support with persistent poster display and always-visible controls for audio player experience, plus five new translations including Brazilian Portuguese, Japanese, Italian, French, and Korean.
+canonical: https://videojs.org/blog/video-js-4-9-now-can-join-the-party
 tags:
  - news
  - version
@@ -4,6 +4,7 @@ alias:
  - post/111390879116/videojs-412-the-last-of-the-4-minors/index.html
  - post/111390879116/index.html
 description: Video.js 4.12, the final 4.x minor release, integrates Mozilla's VTT.js for dramatically improved WebVTT accessibility, grows to 19 community translations, and appears on Instagram, Twitter, Tumblr, Wall Street Journal, Guardian, and Bloomberg.
+canonical: https://videojs.org/blog/video-js-4-12-the-last-of-the-4-minors
 tags:
  - news
  - version
@@ -4,6 +4,7 @@ alias:
  - post/121061752226/its-here-50-release-candidates/index.html
  - post/121061752226/index.html
 description: Video.js 5.0 release candidate debuts with redesigned base theme, ES6/Babel transpilation, Browserify integration with NPM packages, earlier plugin initialization for greater control, and community testing to ensure production readiness.
+canonical: https://videojs.org/blog/it-s-here-5-0-release-candidates
 tags:
  - release
  - videojs
@@ -4,6 +4,7 @@ alias:
  - post/130143694631/video-js-5/index.html
  - post/130143694631/index.html
 description: Video.js 5.0 features a completely redesigned UI with flex-box controls, ES6 codebase compiled with Babel, switched from Less to Sass, and represents 146 merged pull requests from 25 contributors updating nearly every line of code.
+canonical: https://videojs.org/blog/video-js-5-the-only-thing-that’s-changed-is-everything-except-for-like-3-things-that-didn-t-including-the-name
 tags:
  - version
 authors: [steve-heffernan]
@@ -1,6 +1,7 @@
 ---
 title: Video.js 5's fluid mode and playlist picker
 description: Video.js 5.0's fluid mode uses intrinsic ratios for responsive layouts, with a detailed tutorial on combining flexbox and dimension classes to create perfectly aligned playlist pickers that scale alongside video players.
+canonical: https://videojs.org/blog/video-js-5-s-fluid-mode-and-playlist-picker
 tags:
  - videojs 5
  - fluid
@@ -1,6 +1,7 @@
 ---
 title: Video.js 5.11.0 Prelease
 description: Video.js 5.11.0 pre-release un-deprecates videojs.players property, enables waiting for source before playback, improves caption settings accessibility, but includes known MPEG-DASH compatibility issues requiring investigation.
+canonical: https://videojs.org/blog/video-js-5-11-0-prelease
 tags:
  - news
  - releases
@@ -1,6 +1,7 @@
 ---
 title: The End of "HTML-First"
 description: Video.js announces plans to remove Flash from core and transition from "HTML-first" to "HTML-only" by December 2016, coinciding with Chrome's Flash deprecation, to focus on HLS, DASH, and modern plugin architecture improvements.
+canonical: https://videojs.org/blog/the-end-of-html-first
 authors: [david-lapalomento]
 ---

@@ -1,6 +1,7 @@
 ---
 title: Video.js 5.12.0 and 5.11.5 releases
 description: Video.js releases 5.11.5 stable and 5.12.0 pre-release with comprehensive codebase linting, ES5 source file exposure for webpack/browserify bundling, Node.js requiring support, and preparation for automated changelog generation with standard-version.
+canonical: https://videojs.org/blog/video-js-5-12-0-and-5-11-5-releases
 tags:
  - news
  - releases
@@ -1,6 +1,7 @@
 ---
 title: Introducing Thumbcoil
 description: Thumbcoil debuts as an open-source suite of tools for inspecting H.264 video bitstreams within MP4 and MPEG2-TS containers, using parser combinators to decode NAL units, parameter sets, and slice headers for debugging Mux.js transmuxer output.
+canonical: https://videojs.org/blog/introducing-thumbcoil
 tags:
  - thumbcoil
  - mse
@@ -1,6 +1,7 @@
 ---
 title: 'Video.js 6.0.0-RC.0: The first Release Candidate'
 description: Video.js 6.0.0-RC.0 removes Flash from core, introduces React-inspired plugin architecture, recommits to accessibility with volume control fixes and visible outlines, and debuts middleware feature for interfacing between techs and player.
+canonical: https://videojs.org/blog/video-js-6-0-0-rc-0-the-first-rc
 tags:
  - video.js 6.0
 authors: [gary-katsevman]
@@ -1,6 +1,7 @@
 ---
 title: 'Feature Spotlight: Advanced Plugins'
 description: Video.js 6.0 introduces advanced plugins with class-based architecture reminiscent of components, featuring lifecycle management through dispose events, React-inspired statefulness, evented communication channels, and player awareness methods hasPlugin and usingPlugin.
+canonical: https://videojs.org/blog/feature-spotlight-advanced-plugins
 tags:
  - plugins
  - video.js 6.0
@@ -1,6 +1,7 @@
 ---
 title: 'Feature Spotlight: Accessibility'
 description: Video.js 6.0 fixes critical accessibility regression by replacing VolumeMenuButton's nested control structure with VolumePanel, restores visual keyboard focus outlines, and implements proper ARIA attributes for screen reader support including role, aria-live, and control text.
+canonical: https://videojs.org/blog/feature-spotlight-accessibility
 tags:
  - video.js 6.0
  - accessibility
@@ -1,6 +1,7 @@
 ---
 title: Video.js removes Flash from core player
 description: Video.js 6.0 removes Flash from core player following Chrome, Safari, and Firefox's deprecation steps, moving it to separate videojs-flash plugin to reduce legacy code and minimize player footprint while maintaining backwards compatibility.
+canonical: https://videojs.org/blog/video-js-removes-flash-from-core-player
 tags:
  - video.js 6.0
  - flash
@@ -1,6 +1,7 @@
 ---
 title: 'Feature Spotlight: Middleware'
 description: Video.js 6.0 middleware enables Express-like routing based on MIME types, supporting dynamic source handling for video catalogs, server-side ad insertion timeline manipulation, and playback rate adjustment through tech-player intercept points.
+canonical: https://videojs.org/blog/feature-spotlight-middleware
 tags:
  - middleware
  - video.js 6.0
@@ -1,6 +1,7 @@
 ---
 title: Video.js 6.0 Release!
 description: Video.js 6.0 officially releases with enhanced accessibility for controls and components, Flash removal from core, middleware for tech-player communication, advanced plugins with React-inspired architecture, asynchronous source selection, and Code of Conduct adoption.
+canonical: https://videojs.org/blog/video-js-6-0-release
 tags:
  - middleware
  - video.js 6.0
@@ -1,6 +1,7 @@
 ---
 title: Video.js 6.4.0 Release
 description: Video.js 6.4.0 celebrates community growth with 27 pull requests from 13 authors including seven first-time contributors, adding Hebrew translations, disableable progress control, hookOnce method, Google Analytics transparency documentation, and DOM presence warnings.
+canonical: https://videojs.org/blog/video-js-6-4-0-release
 authors: [gary-katsevman]
 ---

@@ -1,6 +1,7 @@
 ---
 title: Video.js 6.5.0 Release
 description: Video.js 6.5.0 introduces <video-js> element for simpler embedding without requiring <video> tag, implements smooth progress bar animation, fixes major memory leaks with retained DOM elements, and restricts seek/playback toggling to left-click only.
+canonical: https://videojs.org/blog/video-js-6-5-0-release
 authors: [gary-katsevman]
 ---

@@ -1,6 +1,7 @@
 ---
 title: Video.js 6.7.1 released
 description: Video.js 6.7.1 delivers working playerresize event using ResizeObserver with iframe fallback, mediator middleware for play/pause cancellation, getPlayer/getAllPlayers helpers to prevent duplicate initialization, and Netlify migration enabling HTTPS and automated PR previews.
+canonical: https://videojs.org/blog/video-js-6-7-1-released
 authors: [gary-katsevman]
 ---

@@ -1,6 +1,7 @@
 ---
 title: videojs-vr Is Now Under The Video.js Org
 description: Video.js officially adopts videojs-vr as first-class plugin with Video.js 6 support, using three.js canvas with webvr-polyfill for 360/VR playback across equirectangular and cube projections, supporting VIVE, Oculus, and Google Cardboard.
+canonical: https://videojs.org/blog/videojs-vr-now-under-the-video-js-org
 tags:
  - vr
  - "360"
@@ -1,6 +1,7 @@
 ---
 title: Video.js 7 Roadmap
 description: Video.js 7 roadmap announces VHS (videojs-contrib-hls successor) bundled by default for plug-and-play HLS/DASH, drops IE8-10 support saving 5-10 minutes in test time, deprecates 5.x, removes Google Analytics tracking from CDN, and transitions from Rollup to Webpack 4.
+canonical: https://videojs.org/blog/video-js-7-roadmap
 tags:
  - IE8
  - IE
@@ -1,6 +1,7 @@
 ---
 title: videojs-contrib-ads 6
 description: videojs-contrib-ads 6 refactors state machine to match strict ad mode definition where content playback is blocked, introducing separate content and ad states, with Redispatch preventing extra media events and maintaining plugin compatibility.
+canonical: https://videojs.org/blog/videojs-contrib-ads-6
 authors: [greg-smith]
 ---

@@ -1,6 +1,7 @@
 ---
 title: Autoplay Best Practices with Video.js
 description: 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.
+canonical: https://videojs.org/blog/autoplay-best-practices-with-video-js
 authors: [pat-oneill]
 ---

@@ -1,6 +1,7 @@
 ---
 title: "Video.js 7 is here! \uD83C\uDF89"
 description: 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.
+canonical: https://videojs.org/blog/video-js-7-is-here
 authors: [gary-katsevman]
 ---

@@ -1,6 +1,7 @@
 ---
 title: 'Video.js 7.1 and 6.11: Autoplay and Fullscreen changes'
 description: 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.
+canonical: https://videojs.org/blog/video-js-7-1-and-6-11-autoplay-and-fullscreen-changes
 tags:
  - autoplay
  - fullscreen
@@ -1,6 +1,7 @@
 ---
 title: 'Video.js 7.3: Responsive Layout, Fill Mode, createLogger'
 description: 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.
+canonical: https://videojs.org/blog/video-js-7-3-responsive-layout-fill-mode-createLogger
 tags:
  - responsive
  - log
@@ -1,6 +1,7 @@
 ---
 title: Introducing Video.js HTTP Streaming (VHS)
 description: 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.
+canonical: https://videojs.org/blog/introducing-video-js-http-streaming-vhs
 tags:
  - vhs
  - videojs-http-streaming
@@ -1,6 +1,7 @@
 ---
 title: 'Bugpost: Disconnects and Reconnects'
 description: 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.
+canonical: https://videojs.org/blog/bugpost-disconnects-and-reconnects
 tags:
  - vhs
  - videojs-http-streaming
@@ -1,6 +1,7 @@
 ---
 title: Video.js 7.4
 description: 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.
+canonical: https://videojs.org/blog/video-js-7-4
 tags:
  - a11y
  - responsive
@@ -1,6 +1,7 @@
 ---
 title: In-band Captions Support with videojs-http-streaming
 description: 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.
+canonical: https://videojs.org/blog/inband-captions-support-with-vhs
 tags:
  - vhs
  - videojs-http-streaming
@@ -1,6 +1,7 @@
 ---
 title: Announcing the new Videojs.com
 description: 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.
+canonical: https://videojs.org/blog/announcing-the-new-videojs-com
 tags:
  - news
 authors: [matthew-mcclure]
@@ -1,6 +1,7 @@
 ---
 title: Video.js 8 and Video.js HTTP Streaming 3
 description: 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.
+canonical: https://videojs.org/blog/videojs-8-and-vhs-3
 authors: [pat-oneill]
 ---

@@ -16,8 +16,10 @@ interface Props {
  title: string | string[];
  description: string;
  image?: ImageMetadata;
+  canonical?: string;
 }
-const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+const { canonical } = Astro.props;
+const canonicalURL = canonical || new URL(Astro.url.pathname, Astro.site);

 const { title, description, image } = Astro.props;

@@ -7,12 +7,13 @@ import FooterEasterEgg from '@/components/FooterEasterEgg.astro';
 interface Props {
  title: string | string[];
  description: string;
+  canonical?: string;
 }

-const { title, description } = Astro.props;
+const { title, description, canonical } = Astro.props;
 ---

-<Base title={title} description={description}>
+<Base title={title} description={description} canonical={canonical}>
  <slot name="head" slot="head" />
  <div class="min-h-screen flex flex-col">
    <NavBar />
@@ -36,7 +36,7 @@ const jsonLdSchema = createBlogPostingSchema({
 });
 ---

-<Blog title={[post.data.title, 'Blog']} description={post.data.description}>
+<Blog title={[post.data.title, 'Blog']} description={post.data.description} canonical={post.data.canonical}>
  <JsonLd slot="head" schema={jsonLdSchema} />
  <article
    class="@container"