Discussion :

[kiyuubi]

Bonjour l'équipe j'ai un petit problème, sur une page j'ai utilisé une iframe pour affiché mes vidéos dans une fenêtre sur la même page a partir d'une liste de lien.
Le problème c'est que comme la liste est longue ça descend jusqu'au bas de la page alors j'aimerai bien une solution pour que quand je clic sur un lien fr ma liste video, la page remonte automatiquement jusqu'à la fenêtre de lecteur comme une ancre !!!

le code utilisé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<iframe height="400px" width="700px" src="http://localhost/mon site/wp-content/uploads/2018/10/paradis.jpg" name="iframe_a"></iframe>
 
<a href="lien de ma video" target="iframe_a">video 01</a>

merci pour vos repenses.

[psychadelic]

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<iframe id="iframe_a" height="400px" width="700px" src="http://localhost/mon site/wp-content/uploads/2018/10/paradis.jpg" name="iframe_a"></iframe>
 
<a href="#iframe_a">video 01</a>

[Invité]

Bonjour,

1- Je ne comprends pas trop : dans l'iframe, tu affiches une image (paradis.jpg) !
Où s'affichent les vidéos ??

...j'ai utilisé une iframe pour affiché mes vidéos...

pas clair non plus...
Toutes les vidéos sont dans une page, affichée dans l'iframe, c'est ça ?

2- A supposer qu'on affiche une page dans l'iframe

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe .... src="http://localhost/mon site/........../la-page-avec-les-videos" name="iframe_a"></iframe>

Et que dans cette page, on a un id pour chaque vidéo : id="ma-video-1", id="ma-video-2",...

Alors :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="http://localhost/mon site/........../la-page-avec-les-videos#ma-video-1" target="iframe_a">video 1</a>
<a href="http://localhost/mon site/........../la-page-avec-les-videos#ma-video-2" target="iframe_a">video 2</a>
...

[kiyuubi]

1- Je ne comprends pas trop : dans l'iframe, tu affiches une image (paradis.jpg) !
.......

je crois tu na pas vraiment compris ma question.
la photo c’est pour que la partie occupé par l'iframe ne soit pas vide.




j’espère avec les image vous allez comprendre.

[Invité]

Comment tu "charges" chaque vidéo ?
Montre des exemples de "vrais" liens (avec une URL vidéo qui fonctionne).

[kiyuubi]

Comment tu "charges" chaque vidéo ?

Montre des exemples de "vrais" liens (avec une URL vidéo qui fonctionne).

avec un lien embed par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a  href="https://www.youtube.com/embed/cjNUE0LmdTE" target="iframe_a">ÉPISODE 02</a>

[kiyuubi]

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<iframe id="iframe_a" height="400px" width="700px" src="http://localhost/mon site/wp-content/uploads/2018/10/paradis.jpg" name="iframe_a"></iframe>
 
<a href="#iframe_a">video 01</a>

malheureusement ca na pas marché.