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 Set A Social Share Image for a Page

By Alesha Wireman
May 01, 2020 Category: Learning, Modules, How To

Need to know how to you upload a social share image on your RocketSite? It's easy! You can upload or change a social share image for every individual page on your website in no time!

How to Add, Edit and Delete Photos Using the Masonry Module

By Olivia Justice
March 23, 2020 Category: Learning, Modules

Is your Virteom powered website utilizing the Masonry Photo Module? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. The one real advantage of using the masonry module is so that you can display images in groupings or categories on a singular webpage. This allows you to separate images out into different galleries so like photos can appear together. For example:Say youre a landscaper and you have a webpage entitled Hardscapes. You may want to output multiple galleries on this single page to break out each type of hardscape youve done: walkways, patios, pergolas, steps, fire pits, etc. The masonry photo module allows you to accomplish this. You can set multiple categories, and multiple galleries in that one category - all to output on one single webpage. In this how-to article, we explain how to add a new category, add a new gallery, edit an existing category, edit an existing gallery (adding images to an existing gallery), and

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.

Address

  • Virteom LLC
  • 36711 American Way
  • Suite 2D
  • Avon, Ohio 44011