Insert a Video using Breakdance Builder in WordPress

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.

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.

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.

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".

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!