Insert a Video using Breakdance Builder in WordPress

Published by Justin on August 18, 2022
Last Updated: August 18, 2022 | Reading Time: 5 minutes

Adding video content to your website is a great way to engage your visitors. Videos can be used to showcase products, promote services, or just provide entertainment. If you're using the Breakdance Builder WordPress page builder, you can easily add videos from a variety of platforms, including YouTube. On top of engaging your visitors, videos can also help improve your website's SEO.

We'll show you how easy it is to add & customize videos to your website using the Breakdance WordPress plugin.

Embed Youtube Video in Gutenberg

Gutenberg is a new WordPress editor that was released in December of 2018. It's a completely new way to create content for your WordPress site, and it replaces the old text editor.

You can use Gutenberg to create content on your WordPress site. If you are using a visual editor like Breakdance, you'll most likely just be using Gutenberg for blog/writing content. Adding a video this way is done through Gutenberg blocks.

To add a video in Gutenberg, you need to use the "YouTube" block. Here's how:

1. In the Gutenberg editor (when creating a blog), click on the "+" icon to add a new block.

2. In the "Blocks" tab, search for "YouTube".

3. Click on the "YouTube" block to add it to your content.

4. Paste the URL of your YouTube video into the "Video URL" field.

6. When you're finished, click on the "Embed" button to add it to your post

How to Embed a Video in Breakdance

Using the visual builder in Breakdance, you could add YouTube, Vimeo, DailyMotion, or self-hosted videos to your website with just a few clicks.

Embed a YouTube Video in Breakdance

In Breakdance, you can add a video from YouTube by using the "Video" element.

1. In the Breakdance editor, click on the "Add Element" button.

2. In the "Elements" tab, search for "Video".

3. Click on the "Video" element to add it to your content.

4. Paste the URL of your YouTube video into the "Video URL" field.

There are a variety of settings you can toggle on and off to customize the appearance and controls of your video. When you're finished, click on the "Publish" button to add it to your post.

youtube video settings in Breakdance Builder

Embed a Vimeo Video in Breakdance

In Breakdance, you can add a video from Vimeo by using the "Video" element.

1. In the Breakdance editor, click on the "Add Element" button.

2. In the "Elements" tab, search for "Video".

3. Click on the "Video" element to add it to your content.

4. Paste the URL of your Vimeo video into the "Video URL" field.

There are a variety of settings you can toggle on and off to customize the appearance and controls of your video. Like YouTube, there are a variety of Vimeo settings you can use to control how your video looks and feels. When you're finished, click on the "Publish" button to add it to your page

Vimeo video settings in Breakdance Builder

Embed a DailyMotion Video in Breakdance

Inserting a DailyMotion video in Breakdance is similar to adding a YouTube or Vimeo video. You can use the "Video" element to add it to your content.

1. In the Breakdance editor, click on the "Add Element" button.

2. In the "Elements" tab, search for "Video".

3. Click on the "Video" element to add it to your content.

4. Paste the URL of your DailyMotion video into the "Video URL" field.

5. In the "DailyMotion" tab, you can toggle on and off a variety of options to customize the appearance and controls of your video. When you're finished, your video will get added to your post.

DailyMotion video settings in Breakdance Builder

Upload a Custom Video to Breakdance

If you have a video that's not on YouTube, Vimeo, or DailyMotion, you can upload it directly to your WordPress site using the "Video" element in Breakdance.

1. In the Breakdance editor, click on the "Add Element" button.

2. In the "Elements" tab, search for "Video".

3. Click on the "Video" element to add it to your content.

4. In the "Video" tab, instead of pasting a link to a video, click on the "Upload Video" icon.

5. Select the video file from your computer and click on the "Open" button.

6. The video will start uploading to your WordPress site. Once it's done, it will add it to your post.

Keep in mind file size when uploading your video. If you have a larger video, you can use a service like YouTube or Vimeo to host it and then embed it in your post.

Lazy Load Videos in Breakdance

When you add a video to your post in Breakdance, it will automatically load when the page loads. If you want to delay the video from playing until someone clicks on it, you can use the "Lazy Load" setting. This is in the video element under Youtube. Lazy loading can help improve the performance of your site, especially if you have a lot of videos.

1. In the Breakdance editor, click on the "Add Element" button.

2. In the "Elements" tab, search for "Video".

3. Click on the "Video" element to add it to your content.

4. Expand the "Lazy Load" settings and toggle the setting to "Yes".

5. You can also add a placeholder image & play button icon that will be displayed until the video is clicked on. This can be helpful if you want to give people a preview of what the video is about.

Conclusion

Adding a video to your WordPress site with Breakdance is easy and the builder gives you a lot of control over how it looks and feels. You can use the Video element to add a video from YouTube, Vimeo, DailyMotion, or upload your custom video. If you have a lot of videos on your site, you can use the Lazy Load setting to delay the video from playing until it's clicked on. We hope this article helped you learn how to add a video to your Breakdance site!

Written by Justin
Justin is the founder of Gold Penguin, a web design and marketing agency that helps businesses achieve their online goals. Justin has a passion for web design and marketing, and he loves working with clients to help them grow their businesses.

Comments

Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
Made with 💛 by Gold Penguin © 2022