How to Share and Embed Videos

Once a video is published, you can put it on your website, link to it, email it, post it on social media, or download it for other platforms. This guide covers each route, starting with the three ways to embed videos on your site.

In this article:

Which embed should I use?

Three ways to put videos on your site: a video embed shows one video player that plays inline, in a popover or on autoplay; a video card shows one video with its featured quote in 10 layouts; a gallery shows many videos in one embed as a carousel, slideshow, wall, grid or list

Video embed Video card Gallery
Shows One video player One video with its featured quote and attribution, or a headline and text Several videos in one embed, with or without featured quotes
Best for A product page, blog post or landing page that needs one video A testimonial section, where the quote should land before anyone presses play A testimonials page, wall of love or homepage section
Start from The video's Share > Embed tab Share > Embed > Create a Video Card Galleries in the left menu
Layouts Inline, popover or autoplay 10 card types: quote below, beside or inset Carousel, slideshow, wall, grid or list
Stays current Every embed updates on its own when you edit and republish a video, or add videos to a gallery. You never need to replace the code.

Embed a video

  1. Open the published video.
  2. Click Share.
  3. Open the Embed tab.
  4. Click Copy Embed Code.
  5. Paste the code into your website, landing page, blog or CMS where you want the video to appear.

The Share window's Embed tab for a published video, with Copy Embed Code and Customize buttons and an option to create a Video Card

The embed is responsive: it shrinks to fit narrower pages and phones. Not sure where to paste it? See Where to Paste Embed Codes: WordPress, Squarespace, Wix and More.

A video embed fits into your site's own design. Premier Construction Software embeds customer videos in its homepage slider, with its own names and quotes beside them:

Premier Construction Software's homepage, with embedded customer videos in a slider, each with the customer's name, title and quote below

Customize a video embed

To change how the embed looks or plays, click Customize... on the Embed tab. The Video Embed Builder shows a live preview as you go.

The Video Embed Builder, with Appearance (Square, Rounded, Custom) and Playback (Standard, Popover, Autoplay) options, a Copy Embed Code button and a live preview

Appearance

Choose Square or Rounded for a quick preset, or Custom to set each option yourself:

  • Max Width: 360, 540, 720, 1080 or 1920 pixels. The embed never grows past this, and shrinks to fit narrower spaces.
  • Corners: square, slightly rounded or fully rounded.
  • Shadow: None, Thin or Thick.
  • Alignment: Left or Center, for when the embed is narrower than the space it's in.

Here's a video embed with a 720-pixel max width, rounded corners and a thin shadow:

Playback

  • Standard: the video plays in place on computers and tablets, and fullscreen on phones.
  • Popover: the embed shows a thumbnail, and the video opens in a fullscreen overlay. Use it when the video sits in a small space, like a sidebar or a column of text.
  • Autoplay: the video starts playing silently as the page loads, and viewers click to turn on sound.

Here's a popover embed at 360 pixels. Click it to see the overlay:

When it looks right, click Copy Embed Code.

Style your video player

Your video player's look is set once for the whole workspace and applies to every published video page and embed. Go to Settings > Video Player Settings (admins only) to choose:

  • Timeline Color: the color of the progress bar as the video plays.
  • Play Button Color: the color of the big play button.
  • Play Button Style: Circle, Square, Rectangle, Rounded, or None to hide it.
  • Translucent Play Button: lets the video show through the play button.

These settings only change the player around your videos, never the videos themselves, so you can change them anytime and every embed updates on its own.

Two Video Player Settings panels beside the videos they produce: a purple rounded play button, and a translucent orange square play button

Video cards

A video card pairs one video with its featured quote and the speaker's name, title and photo, so visitors get the message before they press play. To make one, click Create a Video Card on the video's Embed tab.

Cards come in 10 layouts, with your own colors, fonts and quotation marks. See Video Cards and Featured Quotes.

A gallery puts several videos in one embed, as a carousel, slideshow, wall of love, grid or list. Add videos to it later and every page it's embedded on updates on its own. To start one, click Galleries in the left menu.

See Video Galleries: the Complete Guide for every layout and design option.

Share a public video page

Each published video can have a branded public page. This is useful when you do not have a website page ready for an embed, or when you want to share a quick link in Slack or a sales follow-up.

  1. Open the published video.
  2. Click Share.
  3. From the Email tab, click Copy Link to copy the public page URL.
  4. Paste the link wherever you want to share the video.

The Share window's Email tab for a published video, with an arrow pointing to the Copy Link button

Public video pages use your company's branding and do not include ads.

On paid plans, you can disable a video's public page or control whether it can be indexed by search engines from the video's publishing and settings options. See Video Visibility & SEO Settings for details.

Share in an email

You can email a video straight from its Share window, or copy a clickable thumbnail to paste into your own emails. See How to Share a Video in an Email.

Share on social media

To share a link to a published video on social media:

  1. Open the published video.
  2. Click Share.
  3. Open the Social tab.
  4. Choose the social platform you want to use, or copy the link and thumbnail details for your post.
  5. Add your own message and publish the post from the social platform.

The Share window's Social tab, with Twitter, LinkedIn and Facebook buttons, and a note on sharing to YouTube, Instagram or TikTok

For best results in feeds where videos autoplay, download the video file and upload it directly to the social platform instead of sharing a link. Our guides for each platform:

Download and upload to other video platforms

Platforms such as YouTube, Wistia, Vidyard, Instagram, and TikTok usually require you to upload the video file directly.

  1. Open the published video.
  2. Click Download.
  3. Download the video file.
  4. Upload the file to the platform where you want to host or post it.
  5. If needed, download and upload the thumbnail image generated by Vocal Video.

If you are posting to Instagram from a phone, download the file on your computer and transfer it to your mobile device, or sign in to Vocal Video from your mobile browser and download the video there.

For more detail, see downloading your videos and raw responses and creating video thumbnails in Vocal Video.

Automate video sharing with an integration

To share every newly published video automatically, use an integration. You can send published videos to other tools, notify your team, or start cross-posting workflows. See Integrations and Automation: the Complete Guide.

When you share a Vocal Video publicly, tag @vocalvideo or use #VocalVideo so we can see and amplify your post.

For more information see:

Still need help? Contact Support at support@vocalvideo.com

Related Articles