Adding a full webpage-width video

A full webpage-width video is as wide browser window in which it resides.

An example of a full webpage-width video can be found in this story.

  1. In your Post, select the Text tab to add work in the Text editor.

  2. In the Text editor, position the cursor where you would like the video to appear.

  3. Click the Add Component button. The Aesop Story Engine component interface will appear.

  4. In the Aesop Story Engine interface, click Video.

  5. To add your YouTube video to the Aesop Story Engine interface, you'll need to find and copy the video's ID. Open another browser tab and navigate to your YouTube video.

  6. In the video's URL, select and copy everthing after watch?v= in the address bar. This is the video's ID. (For example, the video ID of https://www.youtube.com/watch?v=mVcxPHTeq7k is mVcxPHTeq7k).

  7. Make the following changes in the Aesop Story Engine interface:

Parameter

Change to

Component Width

100%

Video ID

Paste video ID here. See step 6 (above).

Caption

Add video credits here. Use Video: Steven Student (no period) as format for credits.

  1. When finished, click Insert Component. The component's shortcode will appear in the Text editor.

  2. In the Publish section of your Post, click Update.

Last updated