Faire des liens pour diffuser plusieurs vidéos

Stellie · 27 Août 2006

Bonjour à tous

J'aimerais que vous m'éclairiez un peu pour faire les liens de mes vidéos de manière à les diffuser sur la même page. J'essaie depuis plusieurs jours, j'ai lu tous vos docs mais en vain, je n'y arrive pas.

Donc voilà comment j'ai procédé :

- J'ai créé un dossier "vidéos" regroupant mes vidéos ainsi que le fichier "videos.asx" suivant :
Code:
<ASX version = "3.0">
<TITLE>CLIPS VID&Eacute;OS</TITLE>
<ENTRY><REF HREF = "lcimondial.wmv" /></ENTRY>
<ENTRY><REF HREF = "12-13picardie.wmv" /></ENTRY>
<ENTRY><REF HREF = "tntshow.wmv" /></ENTRY>
<ENTRY><REF HREF = "laisse.wmv" /></ENTRY>
<ENTRY><REF HREF = "campus.wmv" /></ENTRY>
<ENTRY><REF HREF = "palais.wmv" /></ENTRY>
</ASX>
- Sur la page de mon site où je fais apparaître le lecteur et les liens des vidéos, j'ai mis le code suivant :
Code:
<center>
<object id="mediaPlayer" width="320" height="310"
 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
 standby="Chargement..." type="application/x-oleobject">
 <param name="fileName" value="videos/videos.asx">
 <param name="autoStart" value="true">
 <param name="showControls" value="true">
 <param name="showStatusbar" value="true">
 <embed name="mediaPlayer" width="320" height="310"
 type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
 src="videos/videos.asx"	
 autostart="1"	
 showcontrols="1"
 showstatusbar="1">
 </embed>
</object>
</center>
<br />
<h1>CLIPS VID&Eacute;OS</h1>
<h5>Cliquez sur les vignettes pour lire les vid&eacute;os</h5>
<table>
 <tr>
  <td><a href="#" title="LCI Mondial"><img src="lcimondial.jpg" alt="LCI Mondial" /></a></td>
  <td><a href="#" title="12-13 Picardie"><img src="12-13picardie.jpg" alt="12-13 Picardie" /></a></td>
  <td><a href="#" title="TNT Show"><img src="tntshow.jpg" alt="TNT Show" /></a></td>
  <td><a href="#" title="Laisse-toi aimer"><img src="laissetoi.jpg" alt="Laisse-toi aimer" /></a></td>
  <td><a href="#" title="Campus"><img src="campus.jpg" alt="Campus" /></a></td>
  <td><a href="#" title="Palais des Congr&egrave;s"><img src="palais.jpg" alt="Palais des Congr&egrave;s" /></a></td>
 </tr>
</table>
Le lecteur fonctionne jusque là pas de problème.
La 1ère vidéo s'ouvre directement et les suivantes en cliquant sur le bouton >| Sauf que ce n'est pas ce que je veux :( .
J'aimerais que les vidéos s'ouvrent quand on clique sur leur image, mais comment faire le lien ? Que dois-je mettre à la place des "#" ? J'ai essayé un tas de trucs mais là vraiment je bloque, j'arrive pas à trouver .

J'ai parcouru le forum, Jcf dans un autre topic, j'ai vu que tu avais donné ce code :
<script>

</script>
Mais comment l'utiliser ? Où le placer et comment faire pour les liens ?
Je débute et j'ne comprends pas beaucoup le Javascript .

Merci d'avance pour votre aide et à bientôt.
PS: si vous avez besoin du lien pour aller voir la page concernée, je peux vous le mettre.

sebyrollins · 27 Août 2006

A mon avis en php ca marcherait bcp mieux qu'en javascript si ton hebergeur le permet !

Tu sois d'abord placé le code de ta fonction en haut de ton document entre les balises head
Code:
<head>
<script>

</script>
</head>
ensuite dans les liens :
Code:
<a href="javascript:startvideo()" title="LCI Mondial"><img src="lcimondial.jpg" alt="LCI Mondial" /></a>
mais comme tu as plusieurs videos possibles à lire tu dois rajouter un parametre a startvideo() de 1 à 6, correspondant au 6 videos
Code:
<a href="javascript:startvideo(1)" title="LCI Mondial"><img src="lcimondial.jpg" alt="LCI Mondial" /></a>
etc...

et sur le premier code entre les balises head tu dois lui dire quoi lire en fonction de ce parametre :
Code:
<head>
<script>

</script>
</head>
normalement ca devrait marcher

GeGe13 · 27 Août 2006

Tu veux CA ?

Stellie · 27 Août 2006

Merci beaucoup d'avoir répondu si vite

Sebyrollins, pour info c'est oui, mon hébergeur accepte le php... mais c'est du chinois pour moi, tu m'diras le javascript aussi . Mais c'est vrai que dans tout ce que je lis, c'est souvent que le javascript n'est pas trop conseillé.

Mais en attendant que tu m'en dises plus sur la manière php (enfin si tu veux), je vais tout de suite essayer ta soluce en javascript.
Juste un truc, je change rien au code pour le lecteur et à mon fichier.asx non plus n'est ce pas ? Tu n'en as pas parlé donc je vais pas y toucher.
Encore merci à toi :amour:

GeGe13, en fait pas tout à fait, j'aimerais le lecteur en haut de la page et les images cliquables en dessous, ces images servant de lien pour ouvrir les vidéos dans le lecteur. Voilou.

Stellie · 27 Août 2006

Coucou c'est encore moi

Donc j'ai fait comme tu m'as dit et quand j'arrive sur la page, la 1ère vidéo s'ouvre, comme avant, en utilisant >| la 2ème vidéo s'ouvre et ainsi de suite... jusque là tout va bien...

Par contre quand je clique sur les images et bien,
- sur IE c'est la dernière vidéo qui s'ouvre, et ce sur n'importe laquelle des images,
- sur Firefox, et bien cela ne fait strictement rien.
Donc c'est pas encore gagné , j'ai pourtant suivi tes indications à la lettre. Voilà l'adresse de la page, si dès fois tu veux vérifier Extras/Galerie Vidéos

A bientôt
Stellie

THEMASTER · 28 Août 2006

ça m'interesserai aussi de connaitre le code javascript à utiliser

En fait jai un site qui s'articule un peu comme ça et ne sachant pas comment faire lors de la conception j'ai fonctioné avec le systeme des iframes .

Chaque lien(ou image pour Stellie) pointe sur une page html avec le lecteur wm qui lui joue la video (demarrage automatique)

le soucis de cette technique c'est que pour chaque video correspond un lecteur donc ça demande plus de travail....mais sinon ça marche nickel

THEMASTER · 28 Août 2006

oops je crois que sebyrollins l'a donné en fait hehe je vais tester ça ces jours-ci

edit:
par contre je vois tout de suite les faiblesses ça va faire beaucoup de code
Imagine une page ou jai 40 videos dessus(ce qui doit etre le cas) les pages vont peser des kilos lol

.....

sebyrollins · 28 Août 2006

La soluce simple en PHP

Bon, ba je vous donne un truc qui marche sur et compatible Firefox sans javascript, mais en PHP. C'est au contraire tres leger d'utilisation (comme le flv themaster) : les commentaires sont mis derriere les // :

Fo d'abord viré le javascript entre head (revenir au code de départ). Puis en haut de la page mettre ce code :
Code:
<?
// on récupère la variable de l'url
$idvideo = $_GET["idvideo"];
// choix du chemin vidéo en fonction de idvideo
$chemin = "http://........./video.asx"; // par défaut
if ($idvideo==1){$chemin = "http://...................wmv";};
if ($idvideo==2){$chemin = "http://...................wmv";};
if ($idvideo==3){$chemin = "http://....................wmv";};
if ($idvideo==4){$chemin = "http://....................wmv";};
if ($idvideo==5){$chemin = "http://...................wmv";};
if ($idvideo==6){$chemin = "http://....................wmv";};
?>
donc on a maintenant dans la variable $chemin, le chemin vers la vidéo selectionnée. donc il faut remplacé l'url du player video.asx par la variable $chemin. Ca se passe entre les 2 balises object :
Code:
<object id="mediaPlayer" width="320" height="310"
 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
 standby="Chargement..." type="application/x-oleobject">
 <param name="fileName" value="<? echo $chemin;?>">
 <param name="autoStart" value="true">
 <param name="showControls" value="true">
 <param name="showStatusbar" value="true">
 <embed name="mediaPlayer" width="320" height="310"
 type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
 src="<? echo $chemin;?>"	
 autostart="1"	
 showcontrols="1"
 showstatusbar="1">
 </embed>
</object>
Reste maintenant a faire les liens, et la c'est simple aussi :
Code:
<a href="video.php?idvideo=1" title="LCI Mondial"><img src="lcimondial.jpg" alt="LCI Mondial" /></a>
et ainsi de suite pour les video jusqu'a idvideo=6

Fo enregistrer la page en video.php au lieu de video.html pour que le serveur puisse l'interpreter en php

THEMASTER · 28 Août 2006

et si par exemple je veux mettre le player donc <object id="mediaPlayer></object> dans une page à part qui sera lue dans une iframe ça pourrait donner quoi?

moi jai deux frames dans ma page principale
une ou ya la liste des videos(content1)
et une en haut à droite ou ya le player wm(content2)

le code d'un lien pour appeller la page htm ça donne:
<a href="./players/playernumero1.htm" target="content2">regarder la video</a>

hop le gars clike dessus ''regarder la video'' et la video est lue dans la frame ''content 2''

Dans le code que tu as donné et à mettre dans la balise head faudrait stipuler que je veux lire dans l'object=mediaPlayer mais qui se situe sur la page blabla.htm(ou php) ainsi que l'ouvrir dans la bonne frame par exemple.

une idée?

hors sujet:
concernant le flv,j'ai pris la version 8 de macromedia histoire de tester ça ma plutot convaincu(comme quoi....)et j'envisage un refonte complete en .flv ..if u know what i mean

mais bon ce code m'interesse qd meme on sait jamais d'ici que je change d'humeur...

Stellie · 28 Août 2006

C'est génial !!! ça marche nickel !!! Merci Merci Merci !!!

J'ai passé une bonne partie de la nuit à potasser le JavaScript, finalement j'avais opté pour faire apparaître les vidéos en popup. Bon ça demandait un peu de boulot vu qu'il fallait créer une page html et un fichier asx pour chaque vidéo. Mais après quelques tests cette nuit, c'était concluant donc j'allais m'y atteler quand je suis venue faire un petit tour ici...
Et là et bien en même pas 10min ça a été bouclé.... et :
J'SUIS TROP CONTENTE...
Un très très grand merci à toi, vraiment merci du fond du coeur.

sebyrollins · 28 Août 2006

Cool Stellie ce sont les fans de francis qui vont être content

TheMaster, en javascript je sais pas, mais en php tu peux faire des liens du type:
Code:
<a href="./players/player.php?numero=1" target="content2">regarder la video</a>
Cela va appeler une seule et unique page player.php au lieu de tes pages playernumero1.htm, playernumero2.htm, etc...

ensuite ne reste qu'à dire à la page player.php quoi lire en fonction de la valeur de la variable $numero. donc dans ta page player.php au dessus du code <object>...></object> tu met :
Code:
<?
// on récupère la variable de l'url
$numero= $_GET["numero"];
// choix du chemin vidéo en fonction de numero
if ($numero==1){$chemin = "http://...................wmv";};
if ($numero==2){$chemin = "http://...................wmv";};
// etc....
?>
Tu dois bien evidemment remplacer dans la balise object le chemin vers la video par la variable $chemin (cf post d'au dessus)
<? echo $chemin; ?>
ou même plus court
<? $chemin ?>

THEMASTER · 28 Août 2006

bien j'en prends note je connais pas le language .php mais il va falloir que je m'y interesse.
En tout cas merci pour tout.

THEMASTER · 1 Septembre 2006

sebyrollins a dit: ↑
Tu sois d'abord placé le code de ta fonction en haut de ton document entre les balises head
Code:
<head>
<script>

</script>
</head>
ensuite dans les liens :
Code:
<a href="javascript:startvideo()" title="LCI Mondial"><img src="lcimondial.jpg" alt="LCI Mondial" /></a>
mais comme tu as plusieurs videos possibles à lire tu dois rajouter un parametre a startvideo() de 1 à 6, correspondant au 6 videos
Code:
<a href="javascript:startvideo(1)" title="LCI Mondial"><img src="lcimondial.jpg" alt="LCI Mondial" /></a>
etc...

et sur le premier code entre les balises head tu dois lui dire quoi lire en fonction de ce parametre :
Code:
<head>
<script>

</script>
</head>
Cliquez pour agrandir...
Bien comme prévu je viens de tester la technique ci-dessus de nôtre ami sebyrollins

verdict ça ne marche pas(testé offline et online...au cas ou)

Alors voilà le code que j'ai utilisé( sur une seule & unique page nous sommes bien d'accord...) :
-----------------
1) balise head,javascript:

<script>

</script>
-----------------
2)l'objet(ou player windows media)

<object id="MediaPlayer" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="320" height="240"
standby="Loading Player components..."
type="application/x-oleobject">
<param name="AutoStart" value="False" />
<param name=enableErrorDialogs value=0>
<param name=volume value=60>
<param name="url" value="" />
<param name="ShowControls" value="True" />
<param name=enabled value=0>
<param name="ShowStatusBar" value="True" />
<param name="uimode" value="none" />
<param name="id" value="MediaPlayer" />
<param name="name" value="MediaPlayer" />
</object>

*Remarque:ne sachant pas quoi mettre pour la valeur url= j'ai laissé celle-ci vide.
-----------------
3) Le lien (permettant d'ouvrir la video dans MediaPlayer):

<a href="javascript:startvideo()"><font color="#996666" size="-1" face="Bernard MT Condensed">watch</font></a>

*Remarque c'est du texte pas une image(mais ça devrait marcher....)

Voilà je ne sais quoi dire car si ça ça ne marche pas, pour aller plus loin ça va etre dur.

Par ailleurs,lors de la validation de la page html avec dreamweaver un erreur est apparue:

ligne 4 faisant référence à la balise <script>
message d'erreur:'' il manque les attributs suivants pour la balise script : type ''

Un coup de pouce est le bienvenue

sebyrollins · 1 Septembre 2006

Salut THEMASTER,
le code que j'ai donnée ci dessus version JAVASCRIPT marche à l'exeption que j'ai oublier de doubler les "=" dans les instructions "if" : j'ai mis if (variable=2) au lieu de mettre if (variable==2). De plus ce code te permet de gérer plusieurs vidéo sur la même page, sinon a quoi ca sert d'utiliser le javascript ?!!?

Cela dit et à mon humble avis, oubli le javascript car il pose bcp de problèmes, notamment un bug connu avec Firefox et lecteur windosmedia.

Alors que la soluce en PHP est compatible IE/firefox et est super simple à mettre en oeuvre .

THEMASTER · 1 Septembre 2006

ok mais t'as pas répondu à mes interrogations que dois-je mettre dans l'url pour l'objet?(à priori rien mais bon..

et puis l'erreur du script aussi ya bien quelque chose qui ne va pas

Ateliers et Formations

Faire des liens pour diffuser plusieurs vidéos

Stellie

sebyrollins

GeGe13 Guest

Stellie

Stellie

THEMASTER

THEMASTER

sebyrollins

THEMASTER

Stellie

sebyrollins

THEMASTER

THEMASTER

sebyrollins

THEMASTER

Faire marcher mon Perfectone avec une alim secteur

Faire matcher une FX3 avec un A7-4

[CommentFaire?] Comment demander à Davinci de faire un bout à bout

Comment faire matcher 3 caméras dans Davinci Resolve

Une application conseillée pour faire de la vidéo avec le Samsung s24 ultra ?

Dernières occasions

Dernières formations

Partager cette page

Nouvelles vidéos et photos

Les actus et promos

Autres contenus

Statistiques du Repaire

Contactez-nous

Annoncer sur le Repaire

Soutenir le Repaire

Recherches utiles

Faire des liens pour diffuser plusieurs vidéos

GeGe13 Guest

[CommentFaire?] Comment demander à Davinci de faire un bout à bout

Dernières occasions

Dernières formations

Partager cette page

Autres contenus

Statistiques du Repaire