🎬 Video Fix Guide

Troubleshooting MP4 Codec Issues for Your Portfolio

🚨 Problem Identified

Issue: Your MP4 files exist but use codecs that web browsers can't play.

Error: "DEMUXER_ERROR_NO_SUPPORTED_STREAMS: FFmpegDemuxer: no supported streams"

Root Cause: Videos were encoded with codecs not supported by HTML5 video players.

🧪 Test Your Videos

Click the button below to test all your portfolio videos:

Boat.mp4 Not Tested
Yacht_1.mp4 Not Tested
Jetski.mp4 Not Tested
Monster.mp4 Not Tested
Human_Monster.mp4 Not Tested
Dominus.mp4 Not Tested
Chain_UGC.mp4 Not Tested
Hair.mp4 Not Tested

🔧 Solution: Re-encode Your Videos

📋 Required Settings for Web Compatibility:

🆓 Free Tools to Fix Your Videos:

Option 1: HandBrake (Recommended - Easy GUI)

  1. Download HandBrake from https://handbrake.fr/
  2. Install and open HandBrake
  3. Drag your MP4 file into HandBrake
  4. Select the "Web Optimized" preset
  5. Click "Start" to convert
  6. Replace your original file with the new one

Option 2: FFmpeg (Command Line - More Control)

If you have FFmpeg installed, use this command:

ffmpeg -i input.mp4 -c:v libx264 -profile:v baseline -level 3.0 -pix_fmt yuv420p -c:a aac -b:a 128k -movflags +faststart output.mp4

Option 3: Online Converter (No Installation)

  1. Go to CloudConvert.com
  2. Upload your MP4 file
  3. Convert to MP4 with these settings:
  4. Download the converted file

📝 Step-by-Step Fix Process

  1. Identify broken videos using the test above
  2. Re-encode broken videos using one of the tools mentioned
  3. Keep the same filenames (Boat.mp4, Monster.mp4, etc.)
  4. Replace the old files in your assets/videos/ folder
  5. Re-upload to your hosting (Neocities, etc.)
  6. Test again to ensure they work

💡 Pro Tips