How Do You Add A Video To A Portfolio?

TL;DR: In 2026, the fastest way to add a video to your portfolio is to use the dedicated "Embed Video" module in your platform’s editor. Upload the file directly if the platform supports it (e.g., Adobe Portfolio accepts up to 1GB per video), or embed from YouTube/Vimeo for better performance and full-width display.

What’s the deal with video in portfolios?

You’ve got a video you want to showcase—maybe a demo reel, a client project, or even a behind-the-scenes clip—but your portfolio platform isn’t cooperating. Whether you’re using Adobe Portfolio, Google Sites, or a custom HTML site, the core issue is usually the same: how do you get that video from your hard drive into a place where visitors can actually see it? The good news is that most modern platforms handle this in one of two ways: direct uploads (with size limits) or embed codes (for streaming from sites like YouTube or Vimeo).

As of 2026, Adobe Portfolio still caps direct uploads at 1GB per file, and videos won’t display full-width unless you use the Embed Module. Meanwhile, Google Sites and similar platforms lean heavily on embed codes for reliability. The key is knowing which method your platform prefers—and how to troubleshoot when things go sideways.

How do I actually add a video to my portfolio?

Adobe Portfolio (2026)

1. Log in to Adobe Portfolio and open your site editor.
2. Click Edit Site on the page where you want the video.
3. In the left sidebar, click Modules, then drag the Embed module into your page.
4. Paste the embed code from YouTube, Vimeo, or another platform. If you’re uploading directly:
   1. Click Upload Media in the left sidebar.
   2. Select Video and choose your file (max 1GB).
   3. Wait for the upload to complete, then drag the video module onto your page.
5. Save your changes. If the video doesn’t display, check the platform’s official embed guide for format requirements.

Google Sites (2026)

1. Open your Google Site and click Edit in the top-right corner.
2. Hover over the section where you want the video and click the Insert button (the "+" icon).
3. Select Embed, then paste the URL or embed code from YouTube/Vimeo. Google Sites doesn’t support direct video uploads.
4. Resize the embedded video by dragging its corners. Save the page to publish your changes.

Custom HTML/CSS site

1. Upload your video file to a cloud service (e.g., AWS S3, Google Drive, or your web host).
2. Use the HTML5 <video> tag with fallbacks for compatibility:

   <video width="100%" controls>
     <source src="https://yourdomain.com/path/to/video.mp4" type="video/mp4">
     Your browser does not support the video tag.
   </video>

3. If hosting on GitHub Pages or a static site, ensure the video file is in your repository and linked correctly. Test the page locally before publishing.