Host YouTube videos on CNCF site

[cjyabraham]

As a part of the digital transformation efforts that Jim and Rama are working on at LF, one of the current asks is that we start adding videos from the CNCF YouTube channel to actual landing pages on cncf.io so that people can watch the videos while still remaining on the CNCF website, and we could show related content, etc.

So we need to create a landing page for CNCF YouTube videos, similar to what we have for Online Programs. Point the "Videos" link under "Blog & News" to this page. Include a summary of the video on its card on the landing page.

The fields for the posts could initially be:

1. Title
2. Summary (for the landing page card)
3. Description (for the single post page)
4. Video URL (This could be a playlist link or a single video)
5. Tags: Project, topic, and language (These could be used to pull in related content on a single post page)

So, you could have a "post" for "KubeCon + CloudNativeCon EU" for example that would have the landing page with the playlist.

The initial use-case is to get event playlists hosted on the CNCF site. They will be manually entered so don't need to be automatically copied from YouTube. It's not clear the best way to host a playlist on a page so that it is as good as the interface provided by YouTube. Here is the default embed option. Perhaps there are some good plugins available.

[thetwopct]

Seem to be a few plugins that do it (quick sample below).

• https://wordpress.org/plugins/video-playlist-for-youtube/
• https://wordpress.org/plugins/my-youtube-playlist/
• https://wordpress.org/plugins/yotuwp-easy-youtube-embed/
• https://wordpress.org/plugins/youtube-embed-plus/
• https://wordpress.org/plugins/automatic-youtube-gallery/

Could also look at extending our own YouTube Embed plugin to handle playlists (with our focus on accessibility and performance this may be the best approach?)

Is there any specific design or layout requirements? I guess a starting point would be how our Webinar single post looks (for single videos) - where the video is as big as possible - and then adding on a list or row below it for the playlist items. Anything else?

[melsmo]

@libbyschulze and I will work on some landing page copy. We can start with KubeCon Paris and bring in those. I think Ideally it would be highlighting some of the keynotes if possible and then pulling in the playlist? Would that work?

[cjyabraham]

Sounds good @melsmo.

James and I discussed things a bit more today. Are you feeling like these videos will be directly hosted by past CNCF events with each event having a landing page listing all videos with a few pulled out as highlights? The user will review past events and click on one to see the videos associated with it? For this we could extend our existing Events infrastructure to show a listing of past events with videos.

Alternatively, if we are to have a looser connection to events, we could allow for listing all videos (whether or not they belong to any CNCF event) and have them sortable by project, topic, and language, as previously discussed. These filters wouldn't work for a playlist, however, as a playlist could contain hundreds of videos that span dozens of projects, topics and languages making the filters meaningless.

Any thoughts on which way to structure this?

cc @ccraigross

[libbyschulze]

@melsmo Happy to help with copy for the KC page and whatever else comes up. Additionally, we can tap into the Online Programs playlist on YT and potentially cycle through the current week's videos. May be a good option if we are ever lacking in videos to highlight plus could be an added member benefit?

[cjyabraham]

Here's an example of how a playlist can be presented on a page.

[libbyschulze]

This looks good to me - Mel what are your thoughts?

…

On Mon, May 6, 2024 at 6:08 AM Chris Abraham ***@***.***> wrote: Here's an example of how a playlist can be presented on a page <https://pr-847-cncfci.pantheonsite.io/vid-demo/>. — Reply to this email directly, view it on GitHub <#846 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARI4IZR5GFX76HPVVFMFDNLZA5QBZAVCNFSM6AAAAABG2BO5Y2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAOJVG43DAMBRGQ> . You are receiving this because you were mentioned.Message ID: <cncf/cncf. ***@***.***>

-- *Libby Schulze* Marketing Programs Manager, Online Programs CNCF | The Linux Foundation ***@***.*** 210-859-1570 My Calendly Booking Link <https://calendly.com/libby_schulze/meeting> US Time Zone: Central *Book your Online Programs now! <https://calendly.com/cncfonlineprograms?month=2021-03&date=2021-03-10>*