Add an Embedded Video to my 3plains Website

Adding videos to your library is quick and easy. First the videos must be uploaded to either YouTube or Vimeo. Because video files are so large, we do not host the files on our server, we let the experts and YouTube and Vimeo do that.

There are numerous hosts and video players you can use, but YouTube is one of the easiest. It also gives your video a chance to be indexed by search engines, which increases the chance that a potential client will find you via your video.

1. How to Sign into a YouTube Channel and Upload a Video

Here's the general process for uploading the video to YouTube and embedding it on your site:

1. Create a free YouTube/Google account or use your existing Gmail.com account if you have one for your account.
2. Use the "Upload" page on YouTube to upload the video we've provided to you. Feel free to customize the title of the video and to add your company's name and contact info into the description.
3. Make the video public, and wait for it to finish processing.
4. Once it's done, and YouTube shows you your finalized video, look for an "Share" button under the video. Click on that, and you'll see another button for "Embed".
5. Copy the HTML code in the box. That's what you'll now put on your site. You can put that code on any pages by clicking the HTML code button on any page which looks like this in the editor "<>"

You can customize it more from there, but now YouTube will handle all of the hosting and give your website visitors a faster video viewing experience.

2. How to Embed the YouTube Video on Your Website

Login to the 3plains Portal and click Website > Pages

• Adding New Videos: Click the Add Content Block Button, Add a Title, select "No photo, text only", then click the source code/HTML code button which looks like this in the editor "<>". Paste the embed code that we have provided below. Then, get the YouTube embed URL as shown in the video and paste it in the designated part of the code. Hit Save. You are done, refresh the page to see your video.
• Replacing Videos: Click on the page you want to edit, and click into to the Content Block where the video you want to replace is. Then click the source code/HTML code button which looks like this in the editor "<>". Replace the YouTube embed URL (in the designated part of the code) with the URL from the new video. Hit Save. You are done, refresh the page to see your new video.

Embed Code Needed:

<div class="inline-vid-wrapper">
<div class="EmbeddedVideo"><iframe src="https://www.youtube.com/embed/ilKQ339LS_c?rel=0&amp;modestbranding=0&amp;loop=1&amp;controls=1” width="854" height="480" frameborder="0"></iframe></div>
</div>

Last Updated: 2024-03-16