Page Kit
x
1
2
3
4
5
6
7
8
9
<div class="c-video">
  <div class="c-video__content">
    <a class="c-video__cover" data-youtube-id="lUI2UWVCQ5s" data-title="Learn newsletter" data-event-category="Community story" data-event-label="Play video" data-event-action="click" role="button" href="https://youtu.be/lUI2UWVCQ5s">
      <img alt="Alt Text" height="400" width="800" srcset="https://i3.ytimg.com/vi/lUI2UWVCQ5s/maxresdefault.jpg 2x" src="https://i3.ytimg.com/vi/lUI2UWVCQ5s/maxresdefault.jpg" />
    </a>  </div>
  <div class="c-video__cta">
    <a class="rpf-button--tertiary rpf-button" data-event-category="Community story" data-event-label="Read transcript" data-event-action="click" href="/videos/test_video_slug">Read transcript</a>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
c(
  'site/video',
  {
    title: 'Learn newsletter',
    copy:
      'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
    image: {
      alt: 'Alt Text',
      height: 400,
      width: 800,
      src: 'https://i3.ytimg.com/vi/lUI2UWVCQ5s/maxresdefault.jpg',
      srcset: {
        'https://i3.ytimg.com/vi/lUI2UWVCQ5s/maxresdefault.jpg': '2x'
      }
    },
    slug: 'test_video_slug',
    youtube_id: 'lUI2UWVCQ5s'
  }
)

No notes provided.

No params configured.