lecteur de vidéo

Répondre
Suta
le 18/08/2006 à 14:17
Suta
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 !
i M@N
le 19/08/2006 à 11:57
i M@N
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. smiley

@+...
One Love, One Heart, One Unity.
i M@N
le 19/08/2006 à 15:36
i M@N
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>
<div id="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>

<!--Use below code to load DHTML window via link-->
<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

@+...
One Love, One Heart, One Unity.
Suta
le 20/08/2006 à 15:52
Suta
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 !
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours