11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous !

1) J'ai une fonction php qui me permet de récupérer les informations d'une vidéo Youtube
2) J'ai une fonction javascript qui me permet d'afficher dynamiquement les informations d'une url.
=> Je souhaite afficher les informations de la vidéo youtube (avec la fonction php) dynamiquement avec la fonction JS.

PHP :
function getVideoInfo($url){
    $type = "";
    $id = "";
    $titre = "";
    $description = "";
    $img = "";
	$ta = "";

    //Détermination du "type" de vidéo : 
    if(eregi("youtube",$url))  $type="youtube";
    else return false;
    
    //Détermination de l'"ID" de la vidéo :
    if($type=="youtube"){
        $debut_id = explode("v=",$url,2);
        $id_et_fin_url = explode("&",$debut_id[1],2);
        $id = $id_et_fin_url[0];
    }

    //Analyse et stockage des informations de la vidéo
    if($type=="youtube"){
        $xml = @file_get_contents("http://gdata.youtube.com/feeds/api/videos/".
$id);
        //titre
        preg_match('#<title(.*?)>(.*)<\/title>#is',$xml,$resultTitre);
        $titre = $resultTitre[count($resultTitre)-1];
        //description
        preg_match('#<content(.*?)>(.*)<\/content>#is',$xml,$resultDescription);
        $description = $resultDescription[count($resultDescription)-1];
		//Image
        $img = "http://img.youtube.com/vi/".$id."/1.jpg";
		//Tags
		preg_match('#<media:keywords(.*?)>(.*)<\/media:keywords>#is',$xml,$resulttag);
		$ta = $resulttag[count($resulttag)-1];
    }
   

    return array("id"=>$id,"type"=>$type,"titre"=>$titre,"description"=>
$description,"img"=>$img,"code"=>$code, "un"=>$un, "ta"=>$ta);
}


JS :
 $(document).ready(function()
{

$("#post_url").keyup(function()
{
var content=$(this).val();
var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;

var url= content.match(urlRegex);


if(url.length>0)
{

$("#linkbox").slideDown('show');
$("#linkbox").html("<img src='link_loader.gif'>");
$.get("urlget.php?url="+url,function(response)
{
var title=(/<title>(.*?)<\/title>/m).exec(response)[1];
var logo=(/src='(.*?)'/m).exec(response)[1];


$("#linkbox").html("<img src='"+logo+"' class='img'/><div><b>"+title+"</b><br/>"+url)

});

}
return false();
});

});


Fichier urlget.php :
if($_GET['url'])
{
$url=$_GET['url'];
echo file_get_contents($url);
}


Fichier index:
<textarea id="contentbox"></textarea>

<div id="linkbox">



</div>


Merci pour votre aide !