What should the UI present when there are two simultaneously applicable access restrictions?

[jmartin-sul]

Currently, we show two banners, e.g.:

https://sul-purl-stage.stanford.edu/pw790hw4975

Currently, this also has the side effect of pushing the player down to the point that the controls are no longer visible/clickable, because the CSS for determining player size when banners are present doesn't account for the possibility of two banners ¹. In the case of this example object, the lack of player controls isn't really a functionality issue, since the object is totally embargoed (and thus unstreamable) till 2025. But I'm not sure if that'll be the case for all multi-banner restriction scenarios?

Footnotes

1. I'm not sure offhand whether that sort of additional conditional logic would also require some JS code, or whether it could be done solely in CSS, as the player resizing for a single banner currently is. ↩