Embedding a YouTube Video

Here is a text area where we want to add a YouTube or vimeo Video to

Content Region to Embed Video to | Virteom

 

  1. Log-in to the back-end of your website
  2. Navigate 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)
  3. Click 'Editor' from the top of your black toolbar
  4. Click the content area in which you would like to add the YouTube video to.
  5. 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

  1. Once you're in the Source, 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. It is extremely important to get the full and exact code. Missing just one character will break your site.
  2. Inspect the link to YouTube. You need to add some text here. Just after the starting quotes, add the text http:
  3. This will change your code to be similar to the following: <iframe width="560" height="315" src="http://www.youtube.com/embed/Z6XXrnr94fA" frameborder="0" allowfullscreen></iframe>
  4. 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.
Edit Source Mode
 

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 the last few years, more and more websites have been secured 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.


This page was edited on 07/16/2018, 07/20/2018 by Olivia Justice

Most Recent

Adding an External Link to Your Navigation

By Olivia Justice
August 17, 2018 Category: Navigation, Pages

Adding and deleting pages that exist within your website is easy with Virteom CMS - just check it out here. But what if you want a link to go out to a different website? Or to a PDF? Thats a little bit less intuitive. In this how-to article, well go over how to link to external web pages in your navigation and how to link to documents. How to link to an external website First things first, youll need to login to the back-end of your website. This is simply your domain URL with /virteom tagged on the end. (For example, ours is virteom.com)and then you enter /virteom after. To login to the back-end of our website, wed type virteom.com/virteom.) On this screen, youll enter your username and password Once youre logged in, click Site Pages (if youre on Rocketsites) or Navigation (if youre running Virteom CMS8 and under) Once youre on the Site Pages youll see your entire website structure. To add an external link to your navigation, locate the Main section and click the + next to

Why Does My Website Look Different in Different Browsers?

By Virteom
August 02, 2018 Category: Responsive

If you have ever wondered why your website looks different in different browsers, you dont have to worry that youre going crazy. There is a legitimate reason why your website may look off in different browsers, likeInternet Explorer. Read on to learn why this happens. Why Does my Website Look Different in internet explorer? Websites are made up of a set of instructions spoken in a web code language, most often HTML or CSS. Often, different browsers interpret code languages differently, which results in different interpretations. Here are some ways this issue affects your website: Browser Default Settings: When a browser reads the code behind your website, it translates the information in the default settings. For instance, Safari and Chrome have different default fonts, which means the font on your site changes when viewed in these browsers. For example,Safari defaults to the Helvetica familyand Microsofts Internet Explorer defaults to the Arial font family. Default issues are

How do I change my password?

By Olivia Justice
July 17, 2018 Category: How To

How do I change or reset my password? If you need to change your password in Virteom CMS (or Rocketsites 1.0) follow the directions outlined below: Log-in with your current credentials Visit your website/virteom to log-in to the back-end of your website and enter your current credentials: Navigate to Member Management After you log-in: Rocket Sites 1.0 -- Choose Dashboard from the top navigation Virteom CMS -- Choose Manager from the top navigation From the left-hand menu Choose Members Find Your Name / Account Once you are on the members page, search for your name (or locate it on the page) and click Edit Change your Password Now that you are on your member page: 1. Update your password by typing a new password in the Password box 2. Click Save Your Password is now updated! If you need any further assistance, please send a request in to our help desk!