Featured video: Playlist

Ready

Notes
Info
HTML
View
Context

The Featured Video (standalone) component embeds a video within your content with Missouri State branding applied. Find out how to insert video, with or without the blue drop shadow, on to your page.

Build a featured video in Modern Campus CMS

Handle: @featured-video--playlist
Variants (2): Single video , Playlist
Preview:
- With layout
- Component only
Filesystem Path: src/components/03-page-elements-and-patterns/images-and-videos/featured-video/featured-video.hbs


        
        <div class="ContentBlock video">
    <div class="container">
        <iframe title="YouTube Video" src="https://www.youtube.com/embed/?listType=playlist&list=PLdLiRaajwSXQ8lElZCiOt95OrjVVFGE2m" allowfullscreen></iframe>
    </div>
</div>


        <div class="ContentBlock video">
  <div class="container">
    <iframe title="YouTube Video" src="https://www.youtube.com/embed/{{#if youTubePlaylist}}?listType=playlist&list={{youTubePlaylistId}}{{else}}{{youTubeId}}{{/if}}" allowfullscreen></iframe>
  </div>
</div>


        
            
            {
  "youTubeId": null,
  "youTubePlaylist": true,
  "youTubePlaylistId": "PLdLiRaajwSXQ8lElZCiOt95OrjVVFGE2m"
}