For UX guidance and implementation, see Brightcove Playlists
For UX guidance and implementation, see Brightcove Playlists
<div class="playlist brightcove-playlist col">
<div class="card inline-media sr-reveal inline-media--video inline-media--video-large">
<div class="inline-media">
<div class="video-container sr-reveal-video--reveal">
<div class="playlist-container">
<video data-playlist-id="5976462638001" data-account="5728959027001" data-player="IH7rGEJ6v" data-embed="default" data-application-id class="video-js" playsinline controls>
</video>
</div>
</div>
<div class="video-container">
<div class="card-body">
<div class="card-title mb-0 font-weight-semibold font-mono"></div>
<p class="card-text font-p-small"></p>
</div>
<div class="vjs-playlist"></div>
</div>
</div>
</div>
</div>
<script src="https://players.brightcove.net/5728959027001/IH7rGEJ6v_default/index.min.js"></script>
<!-- The scripts below should be added to the page using the Javascript Files section under Resources in Sitecore. -->
<script src="/js/playlist-slick.js"></script>
<script src="/js/playlist-init.js"></script>