Fenetre video avec menu deroulant

Fermé
Utilisateur anonyme - 29 juil. 2015 à 11:24
 rikoto - 29 juil. 2015 à 18:57
Bonjour,
j'ai trouvé ce code pour faire apparaitre un cadre vidéo et un menu déroulant pour sélectionner les vids a regarder mais je n'arrive pas a mettre en relation la liste de vidéo et le faite quelles soient visible dans l'ifram.
voila le code, il doit surement manquer pas mal de choses mais ça fait un baille que je n'est plus fait de programmation.

<!-- FENETRE iframe ADAP -->
<p style="width: 100%; height: 0px; padding-bottom: 56.25%; position: relative;">

<iframe style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;" src="//lh6.googleusercontent.com/-ThC1KGhgCl4/Uq9MJptMEtI/AAAAAAAAD4g/LkmFMCJZVdU/s620/Ancient%2520Aliens%2520o-Pied-du-Sphinx.jpg" id="iframe_a" name="iframe_a" frameborder="0" scrolling="no" allowfullscreen="always">Votre Navigateur ne supporte pas les iframe. Une mise à jour est recommandée
</iframe>

</p>

<form name="form1">

<select name="select1" onchange="displaydesc(document.form1.select1, thetext1, 'textcontainer1')" size="1" style="background-color: orange;">

<option target="iframe_a" value="//1.bp.blogspot.com/-A6ktJmaE6XY/UPy9ET257sI/AAAAAAAACnE/g1rhrpOTDjk/s1600/OPDS-AA2013-620x340.jpg">Sélectionnez un épisode ici (synopsis )</option>

<option target="iframe_a" value="//https://www.youtube.com/embed/sbSWQ6iH_1k?feature=player_embedded"?autoplay=1&related=0&logo=0&quality=480">S01E00 - Chars Célestes & au-delà! * (S)
</option>
<option target="iframe_a" value="//www.dailymotion.com/embed/video/xyt1t1?autoplay=1&related=0&logo=0&quality=1080">S01E01 - L'Évidence
</option>
<option target="iframe_a" value="//www.dailymotion.com/embed/video/xyuyty?autoplay=1&related=0&logo=1&quality=720">S01E02 - Les Visiteurs
</option>
<option target="iframe_a" value="//www.dailymotion.com/embed/video/xyw6zw?autoplay=1&related=0&logo=0&quality=1080">S01E03 - La Mission
</option>
<option target="iframe_a" value="//www.dailymotion.com/embed/video/xyx6lw?autoplay=1&related=0&logo=0&quality=1080">S01E04 - La Rencontre
</option>
<option target="iframe_a" value="//www.dailymotion.com/embed/video/x1b6nb3?autoplay=1&related=0&logo=0&quality=720">S01E05 - Le Retour
</option>
</select>

<input onclick="jumptolink(document.form1.select1)" type="button" value="& DEMARRER en VF" />

</form>

A voir également:

1 réponse

Salut,

Abstenez vous, ce n'est pas un bon code:
Il fait appel à une page externe de youtube alors que vous pouvez très bien utiliser un lecteur incorporé au navigateur et plus performant, que les iframes ne sont pas recommandées(dépréciées plutôt pour utiliser le bon terme) et que comme cela vous n'utilisez pas les services d'un tiers: youtube.

Pour un lecteur video incorporé au site:
http://www.w3schools.com/html/html5_video.asp

Pour un menu déroulant:
http://www.css-faciles.com/menu-deroulant.php

J'ajouterais que ce n'est pas très ergonomique un menu déroulant pour des vidéos, c'est à l'utilisateur que vous devez penser avant tout et non à vos goûts personnels. Il sera compliqué et pas très facile à lire de devoir afficher à chaque fois qu'on veut changer la lecture un menu. Il faut 2 clics et balader la souris et les yeux tandis que si tout est affiché directement= 1 clic et pas devoir rechercher.
Bien sûr tout dépends du nombre de vidéo, de la taille, du but mais bon de manière générale on cherche à simplifier l'utilisation pas la compliquer(et plusieurs pages seront plus efficaces qu'une liste de 100 lignes déroulantes).
0