fix(docs): re-encode product videos to 8-bit H.264 for browser playback#44
Merged
Conversation
YAM-ST-GP-video.mp4 and YAM-ST-Leader-video.mp4 were exported as H.264 High 10 profile with yuv420p10le (10-bit color), which Chrome, Safari, and Firefox do not decode in <video> playback — the videos appeared broken on every product page that embeds them (yam, yam-arm, yam-leader). Re-encoded both files with: - libx264 Main profile, level 4.0 - 8-bit yuv420p pixel format - BT.709 color metadata - +faststart for progressive playback - CRF 23 / preset slow Verified live on doc.i2rt.com: ffprobe of the deployed file now reports `h264, Main, yuv420p`. DS-ST.mp4 was already in the correct format and did not need re-encoding. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Two product-page videos couldn't play in any browser because they were exported in 10-bit color, which the HTML
<video>element doesn't support.What changed
docs/public/images/yam-standard/YAM-ST-GP-video.mp4(used on/products/yamand/products/yam-arm)docs/public/images/yam-leader/YAM-ST-Leader-video.mp4(used on/products/yam-leader)Both files are now
h264, Main profile, yuv420p(8-bit) with+faststartfor progressive playback.Why
ffprobeon the originals reported:This is a 10-bit professional-editing variant that no major browser decodes in
<video>— playback failed silently with a black or empty frame on Chrome, Safari, and Firefox.DS-ST.mp4(the third product video on/products/yam-cell) was already 8-bityuv420pand was left unchanged.Encoding parameters
Verification
ffprobeon the live URLhttps://doc.i2rt.com/images/yam-standard/YAM-ST-GP-video.mp4returnsh264, Main, yuv420p✅docs/public/— only 3 files exist and all 3 now use browser-compatible codecsTest plan
ffprobeconfirms 8-bityuv420pon diskffprobeconfirms 8-bityuv420pon the deployed Cloudflare Pages URL/products/yam,/products/yam-arm,/products/yam-leaderin Chrome/Safari and confirm video plays🤖 Generated with Claude Code