1. Beefree SDK Help Center
  2. How To
  3. Working with Content

Articles in this section

See more

Adding video to your email

Nathan Amthor
  • Updated

In this article

An Easy Way to Add Content from YouTube or Vimeo

The video content block allows you to share your video content in an easy way in your emails. You only need to copy and paste the URL of your video from YouTube or Vimeo. BEE will do the rest: it will grab the cover image for the video, overlay a play icon on top of it, and link it to the video content.

insertvideo1.gif

How it Works

You will find a Video tile in the Content panel. Drag it into your design to get started.

rightpanel.png

The Content properties section will ask you to provide a video URL from YouTube or Vimeo. These are the popular video hosting services that we currently support.

video_content_properties.PNG 

Once you insert a valid URL, the content block in the editing panel will display the cover image with a play icon overlayed on top of it. You can edit the type, color, and size of the play icon to change the way it looks.
 

Videos hosted by Vimeo will only work if they are set to "public". All other security settings available within Vimeo (e.g. "Hide from Vimeo.com") will generate a different link format that is not supported by the video content block. These types of links will be altered by the builder, which prevents us from generating a thumbnail.

video_play_icon_properties.PNG 

Select the icon type that fits your design:

playicon.png

Choose the color that looks best with your cover image:

play_button_color_toggle.png

Pick a size. You're all done! 

Back to top

Notes about embedding video in email

This feature does not embed the actual video in the email designed with BEE, but rather links to it in a smart way.

The reason why the actual video content is not embedded in the message is that, unfortunately, it doesn't work very well. Many email clients do not support it. Apple has been "back and forth" on video support in iOS over the years (there are more details in this Email on Acid article).
 
Additionally, users tend to open emails on mobile devices. Viewing videos on a mobile device can cause substantial data usage. Not to mention that they may experience a poor user experience due to the quality of the data connection.
 
With everything considered we believe that the approach we chose provides the best results.
 

Note for Beefree SDK Users

If you embed the BEE editor into your application (i.e. you are a Beefree SDK user), you need to enable this feature in the Beefree SDK Developer Portal under Application details > Application configuration > Content settings. You can read more on server-side configurations in our Beefree SDK doc.

bee_plugin_configurations_video.PNG

Related articles

Comments

0 comments

Please sign in to leave a comment.

Trial

Embed an email or landing page builder your customers will truly enjoy. And your devs too.

DISCOVER BEE PLUGIN
Toolkit
Solutions
Resources
Get in touch
Company