- Home
- >
- Guide
- >
- Patterns
- >
- Media
- >
- Video
Use full-width, responsive videos.
- Begin within the edit window.
- Use the video icon in the WYSIWYG.
- Select the second tab - "Embed Code"
- Select "OK"
- Video will be added to the edit window.
- Select the video
- Select "DIV" from the text hierarchy drop down on the second row of the WYSIWYG.
- Select "YouTube - Responsive" from the styles drops
(This works with videos from any site not just youtube.)
- Control the width by placing the video within a column
Accessibility
- From the WYSIWYG, select video
- Select embed code
- add a title tag that describes the video
<iframe src="//www.youtube.com/embed/nhkY_WsqKNM?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen" title="Jane goes to class"></iframe>
Related Videos
After a YouTube video finishes, it displays related videos. Set the videos to display
videos from the same channel.
- From the WYSIWYG, select video
- Select embed code
- on video id, add ?rel=0
<iframe src="//www.youtube.com/embed/nhkY_WsqKNM?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen" title="Jane goes to class"></iframe>