PHP:AJAX: Youtube oEmbed Uygulaması

Friendfeed vb. bazı sosyal ağlarda dikkat çeken ama pek bilinmeyen oEmbed konusu için basit bir uygulama geliştiriyoruz.
oEmbed pratik anlamda, istemci bir websitenin, sunucudan belli bir formatta (bu uygulamamız için json) data alabilmesini sağlayan protokoldür. Bu protokülü ajax kullanarak, Youtube Videolarını anlık çeken ve gösteren basit bir demo hazırlayacağız. 

kodlara geçelim;

index.php


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<form id="urlformu" method="get">
<input type="text" placeholder="http://www.youtube.com/watch?v=L76XT4rmX4Y" id="url" />
<span>Youtube video adresini buraya yapıştırın</span>
</form>

<div id="response"></div>

&amp;amp;amp;nbsp;

<script type='text/javascript'>
$(function(){
$("#url").change( function() {
$("#response").html("<img src='loading.gif' />");
$.ajax({
type: "POST",
data: "url="+$("#url").val(),
url: "post.php",
success: function(msg)
{
$("#response").html(msg);
}
});
return false;
});

});
</script>

 

post.php


<?php

$url=stripslashes($_POST&#91;'url'&#93;);

$vidos=@file_get_contents("http://www.youtube.com/oembed?url=".urlencode($url)."&amp;amp;amp;format=json");

$video = (array)json_decode($vidos);

if(sizeof($video)>0){
?>
<p></p>
<h3 align="center"><?=$video&#91;'title'&#93;?></h3>

<?=$video&#91;'html'&#93;?>
<p align="left">
Kullanıcı: <a href="<?=$video&#91;'author_url'&#93;?>"><?=$video&#91;'author_name'&#93;?></a>

</p>

Uygulama için gerekli iskelet kodlar bu şekilde. Demo uygulaması ve indirebileceğiniz .zip dosyasında , stil dosyaları ve extra özellikler göreceksiniz.

Demo                                       Download

 

4 thoughts on “PHP:AJAX: Youtube oEmbed Uygulaması

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir