Embedding Videos in a Text Area

There will be times when you wish to embed a video directly into your webpage, rather than simply share a link to it. This guide explains the process. 
Note: At this time only videos hosted on YouTube or Vimeo can be embedded. For other video platforms, and other types of embeds, please contact support.
Jump to: 
﻿ Ensure Accessibility⁠ ﻿
﻿ Steps to Add a Video⁠ ﻿
﻿ Adjusting the Alignment of a Video⁠ ﻿
﻿ Finding the Correct URL to Use⁠ ﻿
﻿ Video Tutorial⁠ ﻿
Before You Start: Ensure AccessibilityIn order to ensure all of your users can fully access your video content, you'll need proper captioning. Captions provide a text equivalent of the audio information of a video and are synchronized with the video presentation. Captions are an accessible alternative for individuals who cannot hear the content and includes the dialogue, speaker information, and any sound effects present in the video.
Tips for CaptionsInclude all spoken information as well as relevant parts of the soundtrack like background noises such as applause, sound effects, speaker identification, and any audio cues that help the viewer understand the video.
Captions should be in the same language as the primary audio content.
Use proper punctuation and grammar.
Please visit the Office of Digital Accessibility for  additional information about captions and audio descriptions .
Steps to Add a VideoTo add an image through the Text Area, follow these steps.
Place your cursor where you'd like to embed the video, then click on the Media icon.
﻿
Screenshot of the Text Area editing box and toolbar. The "Add Media" icon is outlined in yellow.Screenshot of the Text Area editing box and toolbar. The "Add Media" icon is outlined in yellow.
﻿
A new window will appear where you can add a new video or even select an existing image/video/file. Select the Video tab to enter the URL for your video. 
﻿
Screenshot of the interface for adding media. The option for adding "Video" is outlined, as well as the section where a video URL is added.Screenshot of the interface for adding media. The option for adding "Video" is outlined, as well as the section where a video URL is added.
﻿
Paste the URL and click the "Add" button. Follow theses steps for  Finding the Correct URL to Use⁠ .  
After clicking the "Add" button, the window will change in appearance. You will have the option to rename the video if you wish. 
﻿
Screenshot of the interface for adding media, after a Video item is added. The box for editing the name of the video is outlined, along with the button to "Save and Insert."Screenshot of the interface for adding media, after a Video item is added. The box for editing the name of the video is outlined, along with the button to "Save and Insert."
﻿
Click "Save and Insert" when you are done. 
Adjusting the Alignment of a VideoYour video will default to left alignment. To change this, click on the video to pull up the editing toolbar. 
﻿
Screenshot of a Text Area with an embedded video. After clicking on the video, the editing toolbar has appeared, and is outlined in yellow.Screenshot of a Text Area with an embedded video. After clicking on the video, the editing toolbar has appeared, and is outlined in yellow.
﻿
The toolbar will allow you to toggle the caption on/off, create a link, and adjust alignment. While the dropdown menu for sizing appears on a video, the only option at this time is full size.
Toolbar FunctionsToggle Caption On﻿
Screenshot of the Media Toolbar. The Toggle Captions button is outlined, highlighting to viewers where they should look. Screenshot of the Media Toolbar. The Toggle Captions button is outlined, highlighting to viewers where they should look. 
﻿
Toggling captions allows you to choose whether or not the image caption is visible on the screen. The caption will always be visible to users when users hover over the video, but this tool provides the option to control whether or not it is displayed outright.
﻿
Link Media﻿
Screenshot of the Media Toolbar. The Link Media button is outlined, highlighting to viewers where they should look. Screenshot of the Media Toolbar. The Link Media button is outlined, highlighting to viewers where they should look. 
﻿
This is the hyperlink button, where you can add internal/external links to the embedded video. 
﻿
Adjust Image Size and Scale﻿
Screenshot of the Media Toolbar. The Adjust Image Size and Scale dropdown menu is outlined, highlighting to viewers where they should look. Screenshot of the Media Toolbar. The Adjust Image Size and Scale dropdown menu is outlined, highlighting to viewers where they should look. 
﻿
Clicking here will pull up a dropdown menu, however at this time only "Full content" is allowed for embedded videos.
﻿
Break Text: Left or Center Aligned﻿
Screenshot of the Media Toolbar. The Break Text: Left or Center Aligned buttons are outlined, highlighting to viewers where they should look. Screenshot of the Media Toolbar. The Break Text: Left or Center Aligned buttons are outlined, highlighting to viewers where they should look. 
﻿
Select one of these options if you wish for your video to be shown on its own line, with text located above and below. With this option, you can align your media to the left or center, as displayed in the corresponding icons.
﻿
Align Left or Right and Wrap Text﻿
Screenshot of the Media Toolbar. The Align Left or Right and Wrap Text buttons are outlined, highlighting to viewers where they should look. Screenshot of the Media Toolbar. The Align Left or Right and Wrap Text buttons are outlined, highlighting to viewers where they should look. 
﻿
Select one of these options if you wish to have the nearby text wrap around your video. With this option, you can align your media to the left or right, as displayed in the corresponding icons.
﻿
Be sure to save your work before you leave the editing interface.
﻿
Finding the Correct URL to Use You may notice that your video has several different links that can be copied. To find the correct link, first, click the "Share" button just below your video. 
YouTubeIn YouTube, the "Share" button is one of several just below the video. 
﻿
Add a caption...
﻿
﻿
Clicking "Share" will pull up this screen, which has a URL ready to be copied. This is the correct URL to use.
﻿
Add a caption...
﻿
﻿
YouTube also provides the option for the video start somewhere other than the beginning. To use this feature, check the box that says "Start at" and select your desired starting point. Once you've selected the starting point, click the button for "Copy" to copy the URL.
﻿
Add a caption...
﻿
﻿
VimeoIn Vimeo, the "Share" button is below the video. Click this button to pull up another menu. 
﻿
Add a caption...
﻿
﻿
Copy the text in the "Link" box. This is the correct URL to use.
﻿
Add a caption...
﻿
﻿
Video Tutorial﻿
https://youtu.be/XXsGweX2WNY?si=WOtpCVx1ahh2_Lyf&t=22
Video tutorial for adding videos to a flexible page.Video tutorial for adding videos to a flexible page.
﻿
﻿