### 1. The Premiere Pro "Web Loop" Export

Since you already have **Adobe Premiere**, you can significantly reduce that 5MB payload without losing the "above the fold" visual impact. Exporting a version specifically for web background use is much more efficient than just uploading the raw file.

Here is the best workflow to shrink that video while keeping it hosted on your server (avoiding the YouTube "play" button branding):

When you export (Ctrl+M), use these settings to prioritize **file size** over "film quality":

* **Format:** H.264
* **Resolution:** 1280x720 (720p). Since it’s a background element, 1080p is overkill and wastes bandwidth.
* **Frame Rate:** If the video is just atmospheric, drop it to **24** or even **15 fps**. This drastically cuts the data required.
* **Audio:** **Uncheck the "Export Audio" box.** Background videos are muted anyway, and the audio stream adds unnecessary weight to the file.
* **Bitrate Settings:** * **Bitrate Encoding:** VBR, 2-pass (this takes longer but is much more efficient).
    * **Target Bitrate:** Set this to **1.0 to 1.5 Mbps**. 
    * **Maximum Bitrate:** Set this to **2.0 Mbps**.



### 2. Why "Manual" is better than YouTube
If you upload to YouTube, you lose control over the "first frame" and you have to deal with their API/iframe, which adds its own weight to your page load. By optimizing in Premiere, you can keep it as a **Native HTML5 Video**.

* **Goal:** You want to get that 5,045 KiB file down to under **1,000 KiB (1MB)**.
* **Result:** A 1MB file allows for **500% more traffic** before you hit that reseller bandwidth cap.

---

### 3. Implement the "Muted Loop" code
Once you have the optimized file, make sure your WordPress block or custom code is using these specific attributes to ensure it doesn't "hang" the browser:

```html
<video 
  autoplay 
  muted 
  loop 
  playsinline 
  poster="your-fallback-image.webp" 
  preload="metadata">
  <source src="your-optimized-video.mp4" type="video/mp4">
</video>
```

### 4. Don't forget the Poster Image
Since you have Premiere, take a high-quality "Frame Export" (the little camera icon under the preview window) of the very first frame. 
1.  Save it as a **WebP** or highly compressed **JPG**.
2.  Set it as the **Poster Image**. 
3.  This ensures that while the 1MB video is loading, the user sees a crisp image instead of a grey box, which improves your "Largest Contentful Paint" (LCP) score in PageSpeed.


## Optimize Step Plan

Since the file you downloaded is an `.mp4` (even if it looks like a generic icon on your desktop), we need to get it into a new project and then "squeeze" it for the web.

Here is the step-by-step to get that 5MB file down to a lightweight background loop:

### 1. Start the Project
* Click the **"New Project"** button in the top left.
* **Project Name:** Call it something like `RPF_Splash_Optimize`.
* **Import:** On the import screen, find your `RPF_SPLASH_V2-1.mp4` file, select it, and click **Create** in the bottom right.

### 2. Set Up the Timeline
* Your video should now be in the timeline at the bottom.
* **Check the Length:** If the video is longer than 5–10 seconds, consider trimming it. For a background loop, shorter is always better for bandwidth. Use the **Razor Tool (C key)** to cut and **Delete** any unnecessary footage.

### 3. The Export (The "Magic" Step)
This is where the actual optimization happens. Go to the **Export** tab at the top left (or hit **Ctrl + M**).

**Set these specific toggles on the right-hand sidebar:**

* **File Name:** `RPF_Splash_Web_Optimized`
* **Format:** Set this to **H.264**.
* **Preset:** Leave as "Match Source," but we are going to override it below.
* **Video Tab (Click to expand):**
    * **Frame Size:** Click the "lock" icon to unlock it and change it to **1280 x 720**. (This is the biggest bandwidth saver).
    * **Frame Rate:** Set this to **23.976** or **24**.
* **Bitrate Settings (Scroll down inside the Video tab):**
    * **Bitrate Encoding:** Change this to **VBR, 2-pass**. This takes longer to export but results in a much smaller file at higher quality.
    * **Target Bitrate [Mbps]:** Slide this down to **1.2**.
    * **Maximum Bitrate [Mbps]:** Set this to **2.0**.

### 4. Kill the Audio
* In the list of checkboxes (Video, Audio, Captions, etc.), **uncheck the Audio box.** * Since it’s a background loop, any audio data is just "ghost weight" that slows down your site.

### 5. Export and Verify
* Look at the **Estimated File Size** at the bottom. It should now say something closer to **1 MB** (instead of 5MB).
* Click **Export**.

---

### Pro Tip: The "Poster" Frame
Before you close Premiere, move your blue playhead to a frame that looks great as a static image.
1.  Look at the preview window; click the **small Camera Icon** (Export Frame).
2.  Save it as a **JPG**. 
3.  You’ll use this in WordPress as the "Poster Image" so the site doesn't look empty while the video is loading.

**Once you upload this new file to WordPress, your bandwidth usage for that specific video will drop by about 80%.** Does your WordPress setup use a specific builder (like Elementor or Divi) to place this video?

---

Its all about bitrate x video dimension