Devenir Membre

PHP

Communauté

Divers

Manuels

Annonces

lecteur de vidéo

le 18/08/2006 à 14:17

Suta

Déconnecté

Bonjour !

Je ne connais pas grand chose au js, et j'aimerai faire une "sorte" de lecteur video.

Pour cela j'ai plusieurs video sur le site http://dailymotion.com
Pour ceux qui ne connaissent pas le fonctionnement : j'ai uploader mes video sur leur site puis eux me donne un tag à inserer dans mon code source de la forme : <div><object>...</objet></div>

j'aimerai mettre une liste des video (sous forme de liens) et un cadre ou se jouera la video selectionnée (dans la liste des liens donc).

je pourrai le faire en php mais la page se recharge a chaque fois et j'aimerai bien qu'il n'y ai pas de rechargement...

est ce possible ? pouvez vous m'aider ou me mettre sur la voie (tuto etc...)?

Merci d'avance !

le 19/08/2006 à 11:57

i M@N

Déconnecté

One Love, One Heart, One Unity.

Hello !

Tu mets seulement le code qui se trouve entre les balises <object> et </object> et ça fonctionne.

<object width="425" height="335">
<param name="movie" value="http://www.dailymotion.com/swf/2WFMnXNyCg3SF26kn">
</param>
<embed src="http://www.dailymotion.com/swf/2WFMnXNyCg3SF26kn" type="application/x-shockwave-flash" width="425" height="334">
</embed>
</object>

Après pour faire ça en JavaScript je sais pas trop, mais ça doit pas être très dur de trouver un script qui change juste le lien de la vidéo ... google est ton ami.

@+...

le 19/08/2006 à 15:36

i M@N

Déconnecté

One Love, One Heart, One Unity.

Reuh ...

Bon j'avais 5 minutes alors voilà une soluce ...
fichier avec les liens vers les vidéos :

<html>
<head>
<script>
var dragapproved=false
var minrestore=0
var initialwidth,initialheight
var ie5=document.all&&document.getElementById
var ns6=document.getElementById&&!document.all
function iecompattest(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function drag_drop(e){
if (ie5&&dragapproved&&event.button==1){
document.getElementById("dwindow").style.left=tempx+event.clientX-offsetx+"px"
document.getElementById("dwindow").style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
document.getElementById("dwindow").style.left=tempx+e.clientX-offsetx+"px"
document.getElementById("dwindow").style.top=tempy+e.clientY-offsety+"px"
}
}
function initializedrag(e){
offsetx=ie5? event.clientX : e.clientX
offsety=ie5? event.clientY : e.clientY
document.getElementById("dwindowcontent").style.display="none" //extra
tempx=parseInt(document.getElementById("dwindow").style.left)
tempy=parseInt(document.getElementById("dwindow").style.top)
dragapproved=true
document.getElementById("dwindow").onmousemove=drag_drop
}
function loadwindow(url,width,height){
if (!ie5&&!ns6)
window.open(url,"","width=width,height=height,scrollbars=1")
else{
document.getElementById("dwindow").style.display=''
document.getElementById("dwindow").style.width=initialwidth=width+"px"
document.getElementById("dwindow").style.height=initialheight=height+"px"
document.getElementById("dwindow").style.left="30px"
document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+30+"px" : iecompattest().scrollTop*1+30+"px"
document.getElementById("cframe").src=url
}
}
function maximize(){
if (minrestore==0){
minrestore=1 //maximize window
document.getElementById("maxname").setAttribute("src","restore.gif")
document.getElementById("dwindow").style.width=ns6? window.innerWidth-20+"px" : iecompattest().clientWidth+"px"
document.getElementById("dwindow").style.height=ns6? window.innerHeight-20+"px" : iecompattest().clientHeight+"px"
}
else{
minrestore=0 //restore window
document.getElementById("maxname").setAttribute("src","max.gif")
document.getElementById("dwindow").style.width=initialwidth
document.getElementById("dwindow").style.height=initialheight
}
document.getElementById("dwindow").style.left=ns6? window.pageXOffset+"px" : iecompattest().scrollLeft+"px"
document.getElementById("dwindow").style.top=ns6? window.pageYOffset+"px" : iecompattest().scrollTop+"px"
}
function closeit(){
document.getElementById("dwindow").style.display="none"
}
function stopdrag(){
dragapproved=false;
document.getElementById("dwindow").onmousemove=null;
document.getElementById("dwindowcontent").style.display="" //extra
}
</script>
</head>
<body>
<divid="dwindow" style="position:absolute;background-color:#EBEBEB;cursor:hand;left:0px;top:0px;display:none" onMousedown="initializedrag(event)" onMouseup="stopdrag()" onSelectStart="return false">
<div align="right" style="background-color:navy"><img src="max.gif" id="maxname" onClick="maximize()"><img src="close.gif" onClick="closeit()"></div>
<div id="dwindowcontent" style="height:100%">
<iframe id="cframe" src="" width=100% height=100%></iframe>
</div>
</div>
<a href="javascript:loadwindow('http://www.google.com',600,400)">Google</a>
<a href="javascript:loadwindow('./video.php?video=2WFMnXNyCg3SF26kn',500,400)">video 1</a>
<a href="javascript:loadwindow('./video.php?video=3O1vMAAjA37Qt29QC',500,400)">video 2</a>
</body>
</html>

fichier video.php qui va afficher les vidéo dans une fenêtre à l'intérieur de ta page :

<?php
if (isset($_GET['video'])) $video = ereg_replace('<[":]>','',$_GET["video"]); else $video = "2WFMnXNyCg3SF26kn";
?>
<html>
<head>
</head>
<body>
<object width="425" height="335">
<param name="movie" value="http://www.dailymotion.com/swf/<?php echo $video; ?>">
</param>
<embed src="http://www.dailymotion.com/swf/<?php echo $video; ?>" type="application/x-shockwave-flash" width="425" height="334">
</embed>
</object>
</body>
</html>

Je me suis servi de ça :
http://dynamicdrive.com/dynamicindex8/dhtmlwindow.htm
T'auras aussi besoin des images suivantes :
http://dynamicdrive.com/dynamicindex8/close.gif
http://dynamicdrive.com/dynamicindex8/restore.gif
http://dynamicdrive.com/dynamicindex8/max.gif

@+...

le 20/08/2006 à 15:52

Suta

Déconnecté

OUaou merci beaucoup I M@N je m'attendais pas a tout ça !

Bon et bien je vais mettre tout ça en place, merci encore !

Accès rapide :

Remonter