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

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

How to Edit Your Website Footer

By Olivia Justice
May 07, 2019 Category: Modules, Learning, How To

The purpose of a website footer is to help visitors by adding information and navigation options at the bottom of the webpage. More often than not, the footer of your website doesnt change, and it really shouldnt...like ever, because its giving end-users links to service pages and contact information. But in the case you get a new phone number or address, the need to change your footer comes all the more important because again, this information appears on every single page of your website. You dont want the wrong contact information everywhere! So , what do you do if you need to update the footer on your RocketSite? Have no fear! With RocketSites, its really easy to go in and make edits to the footer of your website all on your own. Follow along this how-to guide to learn how to update the footer of your website in RocketSites. how to edit the footer on rocketsites Login To Your Site To make edits to your websites, youll need to log-in first: Login to the back-end of your website

Modifying Site Navigation

By Olivia Justice
January 28, 2019 Category: How To, Navigation, Menus

Want to change the order in which your navigation items appear? Want to remove or add a menu item? No worries, this is all possible within Virteom CMS. Rearranging menu items in virteom cms To start rearranging the order, your menu-items appear login to the back-end of your website. Login to the back-end of your website by visiting (yourdomain.com)/virteom Enter Email Enter Password Click Login Once you log in, click on Site Pages or Navigation from the menu. Once you arrive at your Navigation, youll notice the pages of your website have a distinct hierarchy. The pages on your site show in a tree layout - meaning the topmost item is the main menu item, and the pages that appear below it (indented) are children of the menu items. This, in turn, is used to determine how the navigation on your website will appear. For example, if you have a menu on your website that looks like this: the corresponding navigation in Virteom would look like this: In this example, Services is