Video Component
This component allows you to add a YouTube Video with Transcript Text to a page.
You can see an example Video Component on the sample page.
Add a new Video Component using the Experience Editor
Open the page in the Experience Editor. Click on the Component button. Click the (+Add here) button where you want to place the rendering, and the Select a Rendering window will open.
Click on the Video Component component inside the renderings box, then click the Select button to choose it. A window will open that allows you to Select the Associated Content for the Video Component.
Select Create New Content from the options on the left, and then give your Video Component a unique name in the Name field. Click OK, and your new Video Component will be added to the page and the subcontent folder for this page. Save the page to preserve your changes.
Editing your Video Component in the Experience Editor
Your new Video Component can be edited right inside the Experience Editor.
To edit the Video Transcript: Click the placeholder copy and start typing. An Editor Ribbon will appear above the text area as you type.
The four items after the pencil give you basic editing functions for use right on the Experience Editor: Bold, Italic, Underline, and Link. Clicking on the Pencil icon will open a modal with the Rich Text Editor, giving you access to additional functionality including a WYSIWYG Design view, and an HTML view.
To edit the Video ID: Get the Video ID from the YouTube Video and add it the the Video ID field. The Video ID can be found at the end of the YouTube URL:
https://www.youtube.com/watch?v=HYDXUpkOVZ8
It can also be found in the Share tab on the YouTube Video's page:
To edit the Transcript Link Text: Click the placeholder copy and start typing.
After making your edits, be sure to save your page to preserve your changes.
Editing your Video Component in the Content Editor
Switch back to the Content Editor, and locate your Video Component inside the subcontent folder for your page. You may need to collapse and expand your folder to refresh it.
Click on the Video Component item, and then make your changes in the Content Editor fields on the right. Be sure to save your changes.
Video Component fields
| Content | |
|---|---|
| Video ID | A simple text field for YouTube Video ID. If the video URL is https://www.youtube.com/watch?v=HYDXUpkOVZ8, the ID is HYDXUpkOVZ8. |
| Video Transcript | A rich text field for video transcript content. |
| Transcript Link Text | A simple text field to designate the link text for the video transcript. |
How it Looks
This is how a completed Video Component looks.
This is how the transcript modal appears.
