CKEditor 4: Adding and Embedding Videos

Adding/Embedding Videos with the YMCA Website Services Text Editor

YMCA Website Services allows you to upload and embed images directly into a block of text, either from your computer or from the YMCA Website Services media library and browser.

Adding Videos

• To add an video, click on the video button in the text editor toolbar.
• Make sure you’re on the “Add Video” tab.
• Next, name your video and paste the URL into the
• Hit “Save” to go through to the next step.

Adding Videos from the Media Library

• To add an image from the library, click on the image icon in the text editor toolbar.
• Next, click on the tab that says “All Images”
• Name your image, tag it, and write your alt description.
• Hit “Save” to go through to the next step.

Sizing and Floating Your Video

After you save your video to the media library, a dialogue box will appear, giving you some additional options for embedding it inline.

• Entity Name simply refers to the name of your video, which you provided on the previous screen.
• Display as allows you to change the size of the video display without the size of the original video.* By default, YMCA Website Services comes with Full, Half, and Link display modes
  • Full means your video fills the area where it’s inserted
  • Half mean the video is half the size of its area.
  • Link outputs the video as a simple link.
• Link to wraps the image in a link so that when users click on it, it goes to another page.
• Align allows you to float a video to the center or either side of the page.
• Caption outputs a caption below.

When you’re ready to embed the video, just click “Embed.” You can also click the back button on the bottom to choose a different video.

*If you want to make changes to the video you just embedded after you’ve added it, double click on the icon, and the “Embed media” dialogue will appear.