Videos
Methods
- Link to a video or playlist: This works.
- Embed a video or playlist: The iframe code is stripped out. It’s only visible to an administrator or editor when logged in.
- Video component for video or playlist:
Links
- Video Red Dress, page URL, https://www.youtube.com/watch?v=r3oLt5bBs4g&t=2s
- Video Red Dress, embed code, https://youtu.be/r3oLt5bBs4g
- Playlist, both URL and embed code, https://www.youtube.com/playlist?list=PL3YPsCP8sqNwbUzRpjFcJx20yR0RLiKmX
Use YouTube embed code in the Body Copy component
Embed a single video: The Red Dress
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/r3oLt5bBs4g” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
[ video below ]
Embed a playlist: Thesis 2019
Get the right URL
- View your playlist and copy the list ID code.
- Embed any video. Then change the code after “embed/” to “videoseries?list=ID“, as in …
https://www.youtube.com/embed/videoseries?list=PL3YPsCP8sqNwbUzRpjFcJx20yR0RLiKmX
Playlist Option 1: Code the iframe
- Change the dimensions to 720 x 405.
- Add a title (for accessibility)
<iframe title=”FDUFilm Thesis Reels” src=”https://www.youtube.com/embed/videoseries?list=PL3YPsCP8sqNwbUzRpjFcJx20yR0RLiKmX” width=”720″ height=”405″ frameborder=”0″ allowfullscreen=”allowfullscreen” data-mce-fragment=”1″></iframe>
[ video below ]
Use the Video component.
< https://youtu.be/r3oLt5bBs4g > Use the same URL as the iframe version that you simply copy from YouTube.
Use the video component.
An error occurred. Please try again later. (Playback ID: 10kOee1QtGoFx6nX)
Learn More
The video below is embedded using the Video component, but instead of using a URL for a video, it’s using the URL for a playlist …