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

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=PL3YPsCP8sqNwbUzRpjFcJx20yR0RLiKmXwidth=”720″ height=”405″ frameborder=”0″ allowfullscreen=”allowfullscreen” data-mce-fragment=”1″></iframe>

[ video below ]

From YouTube Player Demo

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 …

School of the Arts behind the scenes
The Red Dress (yes)
Page URL
School of the Arts behind the scenes
The Red Dress
Embed code
School of the Arts
Thesis Playlist
playlist?list=PL..mX
School of the Arts
Thesis Playlist
youtu.be/Qr...C4
School of the Arts
Thesis Playlist
../videoseries?list=