This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

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.