Design Academy / Content Management / Page Editing / How to Embed a YouTube or Vimeo Video on a Page

How to Embed a YouTube or Vimeo Video on a Page

Learn how to embed YouTube or Vimeo videos on your WordPress site using BeaverBuilder.

Videos are a great way to showcase highlights, training clips, or announcements. With BeaverBuilder, you can easily embed YouTube or Vimeo videos on any page.

Step 1: Copy the Video URL

  1. Go to the video on YouTube or Vimeo.
  2. Copy the URL from the browser address bar (e.g., https://youtu.be/abc123).
    • Tip: On YouTube, you can also click Share > Copy Link.

Step 2: Open Your Page in BeaverBuilder

  1. Log in to your WordPress dashboard.
  2. Go to Pages and select the page you want to edit.
  3. Click Beaver Builder to launch the visual editor.

Step 3: Add a Video Module

  1. In BeaverBuilder, click the plus (+) icon in the top-right corner.
  2. Drag the Video Module onto your page where you want the video to appear.

Step 4: Embed the Video

  1. In the Video Module settings, choose Embed.
  2. Paste your YouTube or Vimeo URL into the Video URL field.
  3. The video preview will appear immediately in the editor.

Step 5: Customize the Display

  • Adjust video alignment (center, left, right).
  • Set a thumbnail image (optional).
  • Configure play options (autoplay, loop, mute).
  • For responsiveness, keep the default “Fit to Container” option so it looks good on mobile.

Step 6: Save and Publish

  1. Click Save on the Video Module.
  2. In the top-right corner, click Done > Publish.

Your video is now live on the page.

Best Practices

  • Keep videos short and focused (under 2–3 minutes for announcements).
  • Use YouTube or Vimeo hosting—don’t upload large video files directly to WordPress (they slow down your site).
  • Place videos near related content (e.g., a highlight reel on a program page).
  • Always test the video on mobile to confirm it displays correctly.

Related Topics

WordPress offers a convenient solution with its Media Library if you’re managing a youth sports website and need to handle...

How to Add A Page

2 min
Page Editing

Imagine a dynamic webpage for your youth sports team that’s as easy to build as playing with building blocks. With...

WordPress Dashboard

1 min
Dashboard, Website Basics

The WordPress Dashboard is the central hub for managing your WordPress website.

In the digital age, where information is a valuable commodity, securing your online presence is paramount. For WordPress site owners,...