<div class="background"><div class="txt2">
<figure class="video">
<iframe src="https://player.vimeo.com/video/28164488"></iframe>
<figcaption>légende 1</figcaption>
</figure>
</div></div>
.background{ position: fixed; top: 0; left: 40%; right:40%; height: 100%; background-color: black; overflow: scroll;}
.txt2{margin-left: 7%; margin-right: 7%;}
figure.video { margin-left: 0%; margin-right: 0%; margin-bottom:0px; margin-top:0px; }
figure.video figcaption { visibility:hidden; }
figure.video iframe:hover + figcaption { visibility: visible; }
figure.image figcaption, figure.video figcaption { text-align:right; font-family: "Crimson Text", serif; font-style: italic; color:white; font-size:17px; margin-bottom:7px;}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.