Saisie de texte HTML dans un iframe

Question

Est-il possible d'ajouter un "sous-texte" à une iframe? Par exemple, j'ai le code suivant ...

<iframe class="musicsamples" width="80%" height="315" src="http://www.youtube.com/embed/apkRBANIKxc" frameborder="0" allowfullscreen></iframe> 

    <iframe class="musicsamples" width="80%" height="315" src="http://www.youtube.com/embed/h7ArUgxtlJs" frameborder="0" allowfullscreen></iframe> 

Et je veux être en mesure d'ajouter un texte sous qui explique en détail la vidéo etc, mais chaque fois que je l'ai utilisé une simple balise

à l'intérieur ou juste en dehors de l'iframe, il le traite comme si l'iframe n'était pas présent et le texte apparaissait toujours en haut de la page au lieu de sous l'iframe. Peut-être que j'ai besoin d'intégrer cette vidéo d'une autre manière qu'un iframe afin de pouvoir utiliser le texte avec elle?

Answer 1

Je ne suis pas sûr de ce qui ne fonctionne pas pour vous, peut-être que votre CSS est en train de tout chambouler?

J'ai pu utiliser les iframes des vidéos et leur ajouter une petite description. Voici un exemple, il est aussi jsFiddle

<div> 
    <iframe class="musicsamples" width="80%" height="315" src="http://www.youtube.com/embed/apkRBANIKxc" frameborder="0" allowfullscreen></iframe> 
    <p>Pharoahe Monch Simon Says (Avicii Remix)</p> 
</div> 

<div> 
    <iframe class="musicsamples" width="80%" height="315" src="http://www.youtube.com/embed/h7ArUgxtlJs" frameborder="0" allowfullscreen></iframe> 
    <p>deadmau5 feat. Rob Swire - Ghosts N Stuff</p> 
</div>