Embedding a YouTube Video

Do you have a marketing video you'd like to add to your Virteom powered website? No worries, it's a breeze to add new videos to any content region on your website. This how-to guide takes you through how to add a YouTube or Vimeo video to your Virteom Powered website.

Keep reading to learn how to embed a video on your website:

how to embed a video on rocketsites

Rocketsites LoginLogin To Your Site

To make edits to your website's, you'll need to log-in first: 

  1. Login to the back-end of your website by visiting (your URL.com)/virteom
  2. Enter your username
  3. Enter your password
  4. Click 'Login'

Navigate to the page you'd like to embed a video on

Once you log in, click on 'Site Pages' or 'Navigation' from the menu.

Navigation

  1. Content Region to Embed Video to | VirteomNavigate to the page you would like to embed a Youtube or Vimeo video to. (Via 'Site Pages' in the top toolbar or through your navigation)
  2. Click 'Editor' from the top of your toolbar
  3. Click the content area in which you would like to add the YouTube video to.
  4. After clicking into the content region you'd like to embed a video to, click 'Source' from the toolbar (it will show you the HTML version of your content)

Clicking the Source to Embed a Video | Virteom

Edit Source Mode

Edit Source Mode

  1. Once you're in the Source (1), you'll see your content formatted as HTML -- Find where within your content you'd like your video to embed, and Paste the EXACT embed code from YouTube or Vimeo (2). It is extremely important to get the full and exact code. Missing just one character will break your site. 
  2. Please note: In this example, there are no other contents in our source. Your source view might contain HTML code. Editing source code in an improper way will have detrimental effects on your website.

    Embed YouTube with Virteom
     
  3. Once your embed code is pasted into the 'Source' click 'Source' again. By clicking 'Source' again the editor will remove any funky formatting that may break your site.
  4. After you hit 'Source' you should see a preview of the iFrame where your video will appear. Hit 'Save'. 
Once you've saved the updated, you can click 'Preview' in the top navigation to view how the video appears on your site. If you run into any issues, feel free to contact our support team.

how can i autoplay my Youtube video?

If you want to have your video autoplay when visitors come to your webpage, you need to add some code to the end of your YouTube URL. 

If your YouTube embed is:

< iframe width="560" height="315" src="https://www.youtube.com/embed/Sb4oAS4sC24?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></ iframe>

You need to add &amp;autoplay=1 to the end of your YouTube URL. Our Link would look like this:

< iframe width="560" height="315" src="https://www.youtube.com/embed/Sb4oAS4sC24?rel=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></ iframe>

Tips from Virteom

In recent years, more websites have been required to become secure with an SSL certificate. If your website is secure (https) then you'll want to make sure the videos you embed are also https. If your website switches over to being secure, and you have videos that are not -- it will allow for mixed content (and your videos won't display). 

If you don't copy your embed video exactly as it appears from Vimeo/YouTube, you will break the page. When you don't copy embed codes exactly as they appear, your page will display all white (maybe with your website's header or footer) resulting in the need to reach out to Virteom for support.


...And that is how you embed a video from YouTube or Vimeo on your Virteom Powered website! If you don't feel comfortable working in your website's source code and have maintenance with Virteom -- feel free to reach out for assistance. We're here to help :) 


This page was edited on 07/16/2018, 07/20/2018 and 06/21/2019 by Olivia Justice

Most Recent

How to Create Private Pages with Virteom

By Olivia Justice
August 21, 2019 Category: How To

Sometimes you don't want everypage on your website accessible to the general public. That's why we offer the ability to create private pages that are only accessible to a designated user.

How to Add, Edit and Delete Photo Galleries Using PhotoGrid

By Olivia Justice
July 24, 2019 Category: Learning, Modules

How to Add, Edit and Delete Photos in the PhotoGrid Module Does your Virteom powered website have a photo gallery on it? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. In this how-to article, we explain how to add new photos to the gallery, remove photos from a gallery, add captions and delete your photo gallery. Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click Login Navigate to the PhotoGrid Module Once youre logged-in you click Dashboard from the top gray editor menu. After clicking Dashboard use the left sidebar menu to navigate over to Modules. The module that handles gallery images is called PhotoGrid. Find PhotoGrid in the menu and click it. Now that you

How to Whitelist Emails

By Hayley Burke
July 08, 2019 Category: How To

Virteom shares our tech knowledge with you on how to never miss an email again by whitelisting email senders that you trust!

Most Recent

How to Create Private Pages with Virteom

By Olivia Justice
August 21, 2019 Category: How To

Sometimes you don't want everypage on your website accessible to the general public. That's why we offer the ability to create private pages that are only accessible to a designated user.

How to Add, Edit and Delete Photo Galleries Using PhotoGrid

By Olivia Justice
July 24, 2019 Category: Learning, Modules

How to Add, Edit and Delete Photos in the PhotoGrid Module Does your Virteom powered website have a photo gallery on it? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. In this how-to article, we explain how to add new photos to the gallery, remove photos from a gallery, add captions and delete your photo gallery. Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click Login Navigate to the PhotoGrid Module Once youre logged-in you click Dashboard from the top gray editor menu. After clicking Dashboard use the left sidebar menu to navigate over to Modules. The module that handles gallery images is called PhotoGrid. Find PhotoGrid in the menu and click it. Now that you

How to Whitelist Emails

By Hayley Burke
July 08, 2019 Category: How To

Virteom shares our tech knowledge with you on how to never miss an email again by whitelisting email senders that you trust!