21: Video Element - building out the creative process🔹Breakdance WP Tutorial 2026

About this video

• Video Title: 21: Video Element - building out the creative process🔹Breakdance WP Tutorial 2026
• Channel: Websites 4 Beginners
• Speakers: None explicitly named.
• Duration: 00:16:16

Overview

This video tutorial demonstrates how to effectively use the video element within the Breakdance WordPress builder. It covers adding YouTube videos, customizing their appearance and settings, and incorporating self-uploaded videos. The tutorial also emphasizes the importance of responsive design, adjusting layouts for different devices, and optimizing for page speed. Additionally, it highlights the functionality of the rich text element for adding formatted text alongside videos.

Key takeaways

• The video element in Breakdance can be used to embed YouTube videos or upload custom MP4 files.
• Customizing video settings includes choosing lazy loading for page speed, setting a custom poster image, and controlling playback options like autoplay and controls.
• The rich text element is useful for adding formatted text, including bullet points and bolding, directly from external editors like Word or Google Docs.
• Responsive design is crucial; the tutorial shows how to adjust column layouts and text sizes for tablet and mobile views, including stacking columns and reversing order.
• The video demonstrates how to duplicate sections, adjust margins, and use the structure panel for precise element management.

To embed a YouTube video into a Breakdance page, you add a video element and paste the YouTube video's share link into the designated field.

For optimizing the loading of YouTube videos, Breakdance offers several options:

• Full Embed: Loads the video directly.
• Lightweight: A lighter loading method.
• Lazy Load: The video does not load until it's about to be viewed, which helps reduce initial page load time.

Additionally, you can replace the default YouTube thumbnail with a custom cover image for a more branded look and choose whether to display or hide the YouTube logo and player controls.

To upload and configure a custom video file within the Breakdance builder, follow these steps:

1. Add a Video Element: First, add a video element to your page.
2. Select Upload Option: Instead of pasting a URL, choose the "upload a video" option.
3. Drag and Drop: Drag your video file (e.g., MP4 format) into the designated area or click to select it from your files.
4. Choose Video: Once uploaded, click "choose" to place it on the page.
5. Clear YouTube Settings: If the video element defaults to YouTube settings, clear out the YouTube URL and any related options as they are not being used.
6. Set Poster Image: Go to the "poster" option and select a custom image to be displayed before the video plays. This is similar to a thumbnail.
7. Configure Playback Settings:
   • Autoplay: While available, it's generally recommended to turn this off, especially for homepages, to avoid negatively impacting user experience and page speed.
   • Controls: Decide whether to display playback controls (play, pause, volume, etc.). It's often good to have these visible so users know it's a video and can interact with it.
   • Download Option: You can enable an option for users to download the video.
8. Design and Spacing: Adjust design and spacing options for the element container if needed. The speaker notes that styling for the video controls themselves is limited.