Elementor 2.1: Revamped Video Features & Custom Breakpoints

In this post, we introduce several key improvements in Elementor v2.1, now available for all Elementor users.

We packed a whole lot of functionality inside our new version. Last week, we reviewed the set of Copy Paste features, as well as other UI improvements. This week, you’ll have the chance to discover other helpful features that were introduced: Video enhancements, custom breakpoints, Gutenberg compatibility, and WP-CLI integration.


Expanding Video Capabilities

You know the song ‘Video killed the radio star’? Well, it’s also killing it in web design. A homepage of any business that doesn’t include a short explainer video is rare these days.

That’s precisely why we expanded the video widget and the video background options.

Self-hosted & Dailymotion video support

Besides YouTube and Vimeo, you can now also embed self-hosted HTML5 and Dailymotion videos.

Advantages of self-hosted videos include:

  • Privacy and control: With GDPR and related privacy issues, this has become even more important
  • Ownership: Self hosting helps you prevent others from stealing your video. It also eliminates the danger of getting your video deleted. 
  • Personalization: The video will not feature any logos or links, making it look more professional and keeping visitors on your site
  • UX: Your visitors won’t be shown ads or suggested videos, that distract them and possibly show them your competitors

Start & End Time for Video Widget & Background

For supported platforms, you can now set a start and end point for the video widget and the video background as well, so only part of the video is played. This feature makes it super easy to loop the relevant part of the video you want to display to your visitors.

Modest Branding

For Youtube videos, you can now select ‘Modest Branding’ to hide the Youtube logo from the embedded video.

How to Add a Video Background to Elementor

In case you are wondering, here’s the right way to add a video to Elementor:

  • In the Elementor editor, go to the panel, and search ‘video’. Drag in the video widget.
  • Under Video > Source, choose either ‘YouTube’, ‘Dailymotion’, ‘Vimeo’ or self-hosted.
  • Add a link to the video. If it a self-hosted video, either upload it via the media library, or use an external URL.
  • Choose a start time and end time, if you only want part of the video to show.
  • You can add an image overlay, if you want to show a different image of your choosing as the thumbnail.

Easily Add YouTube, Vimeo, Dailymotion & Self-Hosted Videos With #Elementor

mobile editing IMPROVEMENT

Change Mobile & Tablet Breakpoints

The moment has finally arrived – you can now change the values for Elementor’s tablet and mobile breakpoints! 

This has been a much-requested feature since day one, and we finally managed to offer a solution enabling you to change the mobile and tablet breakpoint values. 

Use it whenever you need to customize your site for specific widescreen computers and laptops or small mobile screens.

To change the custom breakpoint values, go to the Elementor Dashboard > Settings > Style and enter the new values for ‘Tablet Breakpoint’ and ‘Mobile Breakpoint’.

Your Wish Is our command line

WP CLI Integration

If you are a developer, you are probably familiar with the Command Line Interface for WordPress. WP-CLI is an open source project that provides a command-line interface for many actions you might perform in the WordPress admin. Instead of login into the admin, you can perform a long list of tasks from your terminal.

Elementor now comes included with WP-CLI integration, allowing you to trigger the following tasks via the command line:

  • flush_css – Flush the Elementor Page Builder CSS Cache
  • replace-urls – Replace old URLs with new URLs in all Elementor pages
  • sync-library – Sync Elementor Library
  • import-library – Import template files to the Library
  • Activate or deactivate license – Activate or deactivate your Pro license.

We will continue to add more CLI commands for Elementor in the future.

WordPress 5.0 compatibility

Ready For Gutenberg

We are looking forward to seeing Gutenberg being added to core in the upcoming months.

We are working closely with the Gutenberg team, making sure Elementor will continue to work smoothly for all Elementor users once Gutenberg is launched.

For version 2.1, we made it easy to switch between Gutenberg and Elementor, using the familiar ‘Edit with Elementor’ button within Gutenberg.

Besides the recent feature additions, we are also  excited that we recently reached one million active installs on the WordPress repository. This is a huge milestone, and we couldn’t have done it without the support of our community. A huge thank you goes to each and every one of you who made our vision possible. 

Looking forward – Let us know in the comments below what you think will be the future features that will help Elementor continue our amazing growth.

About the Author

Ben Pines
Ben Pines
Elementor evangelist & head of content. Follow me on Twitter

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Liked This Article?

We have a lot more where that came from! Join 1,353,229 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.


83 Responses

      1. Ben, I think this is not true for mobile devices. I tried it with an Iphone X and need to tap two times to watch the video. Could you please check that. Thanks a lot!

  1. Awesome, great work guys. Elementor is improving and u stoppable.
    Soon its going to be awesome with each and every future updates. Proud to be i choosed correct plugin.

  2. all your work is great. From Spain, congratulations. Will the day come to add more breakpoints? and do you have a date for custom checkout for Woocommerce? thanks team!

  3. Self-hosted videos can to be not only from the same hosting. Using self hosting for videos is not a good idea. It can take much resources because of big count of views and hosting provider may hint that it’s time to raise the plan. Make an opportunity to place link to Amazon S3, Vooplayer or another hosting. It’s also self-hosted but not from the same hosting.

  4. Good job. But I still miss full Advanced Custom Fields support… Or something familiar from elementor itself.
    That is nothing too hard to develop and would simply make elementor the single best tool for webdesign.

  5. look, love everything…not feeling the 2 breakpoints because those are the typical breakpoints. We wanted laptop breakpoint, horizontal tablet breakpoint, 4k plus breakpoint – you are still only giving us 3 options for break points. 5 breakpoints would be perfect as well….i just don’t think the numerous requests for more device options was truly heard. Not trying to be hard about it….but love all else…and possibly image and background positioning like brizy. Kindest Regards

    1. There is an acknowledgement on the github issue that the majority wanted to ADD custom breakpoints and not just control over the existing ones so we’re in for more of a treat in a future version.

      I also agree on the background positions, it’s one of the more common “custom css” tweaks I have to perform when I want to push a background off the edge of a container.

      Overall I’m pretty impressed with the growth and direction this is going!

  6. I would love to see an option where you can completely disable an element for a particular screen size eg. the first 2x elements on a desktop could be completely different to the first 2x elements on a mobile, then the rest of the page the same.

  7. I’ve been using Elementor for more than a year but didn’t truly realise how good it was until I had to use DIVI recently. Just a question about the new video widget. Does it reduce the page file size when embedding youtube videos?

    Feature suggestions: A table widget and a way of embedding multiple bits of dynamic data into that or any text widget. I have created single post page with an unordered list populated with data from a custom post type but I needed to use Enhanced Text widget with statements like and the formatting options are limited.

    Also: PODS support pleeeeeeeze!!

      1. Hi Ben, I love Elementor Pro. I just started using Pods. You mentioned that Pods support is coming real soon – Are the Pods widgets that are visible in the elementor editor the Pods support you mentioned, or will you add more features? And if so – What features? Thanks! 🙂

  8. Would love to see the ability to include custom field data in the Posts widget. For example, I have an post category events, and custom fields event date, event time and event location; I would like to be able to include these in the post grid.

  9. Nice update on the video and breakpoints! Would like to see a feature where I can adjust my background image on different devices for responsive. Currently in Elementor I can only adjust my background image using the unorthodox way of padding and margin, which will make my positioning of other elements a mess.

  10. I just installed the Woo plugin with Astra Theme and Elementor and had no issues and I have 40 other plugins as I am running a membership site with Buddypress and bbpress I am so impressed

  11. I would love Elementor Forms to have an option to send the Currently Logged In User to my webhook!

    This would mean I could use Elementor to build custom applications for my clients and their users.

    Great work on the break points!

  12. Ben Pines, using the Elementor Pro, was the best decision of all time! But, I still look forward to integrating with Instagram. Congratulations on everything!

  13. Great improvement…
    Will the video widget take less ressources?
    I wish that the form widget upload a file within the email instead of a link to retrieve from our server.
    Thank you for all the new stuff 🙂

  14. I’m happy to use the best page buider! Please integrate sidebars in theme library (like headers and footers). And an option to use it with themes that has no sidebar option (like Elementor-hello theme)

  15. Anothet theme feature requests:
    – column number (desktop/tablet/phone) for a standard text modul (like in Avada)
    – Mobile menu text near hamburger menu icon

  16. Please add a global selection of a{} link colors (plus :hover :focus etc) to go with Global Colors and Fonts. I use your delightful lightweight Hello theme and the only way around this atm is to create a child theme and add a{} elements to it’s style.css but I can’t automatically deploy that same child theme everywhere because different sites require different a{} colors. It has to be a user controlled global option from within Elementor closely aligned with the current Global Colors.

    BTW more wp-cli commands to help auto installers would be great, like the ability to set a coming soon page to a certain template. Being able to insert blocks and page templates into posts and pages and even inserting text into Heading and Text widgets would be super cool. Basically being able to set up a custom page and publish it from a shell script.

  17. Hi Ben,

    I am happy for new video features (when I started with Elementor I couldn’t believe that I can’t use my own video) but I am still disappointed that I can’t use such features in Section/Column background.

    Please, add same features into the Section Background and Column Backgraund.

    Thank you, Jaromir

    1. You can use these features in section and column backgrounds: self-hosted, Dailymotion, start-end time. Regarding modest branding, because background videos are already without the title of YouTube, they don’t have YouTube branding by default.

  18. Hi Ben,

    Thank you! This a fantastic update.

    One thing I’m not seeing is the ability to have a muted moving video with an overlay play button to launch a lightbox to view the video with audio (at the same time disabling the background video playback). I’ve seen this on other sites but I can’t find a wordpress equivalent to do this anywhere. Is there a way to accomplish this with Elementor?

  19. What about support from Wistia? They have one of the best players and the best analytics. And looking at the github posts – the Wistia team has offered to help as well.

  20. Wow….Custom breakpoints is finally here. I’m happy to know that Elementor is WordPress 5.0 ready.

    Please change the spelling of “WordPress 5.0 compatilbity” to “compatibility”

  21. I have my amazonaws hosted video URL…. but I don’t see where to paste that url?? Is there a way to embed the amazonaws videos? I cannot get them to look like my youtube vids…

  22. Are custom breakpoints in the pipeline? I would love to be able to base my breakpoints on the aspect ratio (break for vertical orientation screens, no break for horizontal orientation screens) regardless of screen size in px.

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,353,229 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.