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 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

Dont you hate it when you are waiting on an email from someone, and it never seems to come through, then days later you realize it was in your junk or spam folder the whole time? This is a common occurrence, especially these days with all of the unnecessary spam we get. That why you should whitelist email addresses that you know are from senders who have valuable information for you or contacts that you use frequently! What Does it Mean to Whitelist an Email? Whitelisting an email address is essentially just a list of approved senders so that you dont lose anything important to the junk folder. This practice is best for people who are signed up for any email subscriptions. How to Whitelist Emails: Whitelisting is an easy one-time process that allows you to never miss an email again. Though the process varies slightly based on the email platform, you use. Below are instructions on how to whitelist emails across the major email systems. Android Mail AOL Mail Apple Mail(OS X and

Why Do My WordPress Plug-Ins Keep Changing?

By Olivia Justice
June 18, 2019 Category: WordPress

WordPress is apublishing platform for managing your digital presence and establishing your brand. Even if there are no built-in options, themes, or features that you want or need, there are thousands of third-party plugins and web apps that can be integrated seamlessly. According to W3techs, WordPress has 58.8% of the CMS marketshare. However, what most site admins discover as they develop and expand their WordPress powered site, every plugin you install requires a steady stream of updates to keep all features working properly. Essentially, the maintenance is a nightmare. Developers update, upgrade, add-on and change plugins on what feels like a daily basis. If you dont have the technical knowledge to read through the plugin updates or version notes, you may be upgrading to a plugin that is not compatible with the version of WordPress youre running. And even if you have the technical knowledge, you may find that an update to one plugin has completely messed up the functionality of another

Most Recent

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

Dont you hate it when you are waiting on an email from someone, and it never seems to come through, then days later you realize it was in your junk or spam folder the whole time? This is a common occurrence, especially these days with all of the unnecessary spam we get. That why you should whitelist email addresses that you know are from senders who have valuable information for you or contacts that you use frequently! What Does it Mean to Whitelist an Email? Whitelisting an email address is essentially just a list of approved senders so that you dont lose anything important to the junk folder. This practice is best for people who are signed up for any email subscriptions. How to Whitelist Emails: Whitelisting is an easy one-time process that allows you to never miss an email again. Though the process varies slightly based on the email platform, you use. Below are instructions on how to whitelist emails across the major email systems. Android Mail AOL Mail Apple Mail(OS X and

Why Do My WordPress Plug-Ins Keep Changing?

By Olivia Justice
June 18, 2019 Category: WordPress

WordPress is apublishing platform for managing your digital presence and establishing your brand. Even if there are no built-in options, themes, or features that you want or need, there are thousands of third-party plugins and web apps that can be integrated seamlessly. According to W3techs, WordPress has 58.8% of the CMS marketshare. However, what most site admins discover as they develop and expand their WordPress powered site, every plugin you install requires a steady stream of updates to keep all features working properly. Essentially, the maintenance is a nightmare. Developers update, upgrade, add-on and change plugins on what feels like a daily basis. If you dont have the technical knowledge to read through the plugin updates or version notes, you may be upgrading to a plugin that is not compatible with the version of WordPress youre running. And even if you have the technical knowledge, you may find that an update to one plugin has completely messed up the functionality of another