Documentation says there'll be an example of embedding a passport video.
![]($large_thumb_image.jpg)
Access to this video is a benefit for members of STATION
<div class='pp-join-now'><a href='#' class='pbs_passport_authenticate_join button'>JOIN NOW TO WATCH</a></div>
<div class='pp-label'>with</div>
<div class='pp-logo'><img src='$passportlogo.png' alt='STATION Passport'/></div>
<div class='pp-label'>Already a member?</div>
<div class='pp-sign-in pbs_passport_authenticate cf'><button class='launch'>SIGN IN NOW</button></div>
<div class='pp-learn-more'><a href='/passport/'>Learn more</a> about STATION Passport</div>
</div></div>
`
and then you'd have some jQuery, like so
return function() { if ($("#passportcoveplayer[data-window]")[0]){ var active = 0; var videoWindow = $('#passportcoveplayer').data('window'); var videoID = $('#passportcoveplayer').data('media'); if (videoWindow != 'public' && videoWindow != '') { /* do nothing, not logged in, passport video */ /* jquery.pids.js takes over for passport enabled videos */ } else { $("#passportcoveplayer").html('<div class="embed-container video-wrap"><iframe id="partnerPlayer" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" src="http://player.pbs.org/widget/partnerplayer/'+videoID+'/?chapterbar=false"></iframe></div>'); } } }