Como puedo poner enlaces y que se publiquen en un textarea como facebook?

CWeeD · #1 (**permalink**) 15/12/2011, 12:05

Quiero implementar algo similar a lo que se hace en facebook, que en los comentarios si se agrega un enlace de video el lo abre, me gustaría saber como hacer algo como eso, que me den dirección o si se puede o no con php? Gracias

maycolalvarez · #2 (**permalink**) 15/12/2011, 14:06

eso es porque detectas dicho patrón con expresiones regulares

MaxDgy · #3 (**permalink**) 15/12/2011, 14:48

Yo lo haría de la siguiente forma CWeeD,

JQuery
Descargaría el plugin Jquery.Oembed

HTML
Este ejemplo está en el archivo zip del plugin lo único que le modifiqué es el video de youtube

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>YouTube</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>    
    <script type="text/javascript" 
 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
    <script type="text/javascript" src="../jquery.oembed.js"></script>
</head>
<body>
<script type="text/javascript">
    $(document).ready(function() {
        $("#container").oembed("http://www.youtube.com/watch?v=ziGaQ6lAelo");
    });
</script>
<div id="container"></div>
</body>
</html>

PHP

Código PHP:

Ver original// Esto lo tenes que recuperar de la base de datos
// es sólo un ejemplo
$id_enlace = 1;
$enlace = "http://www.youtube.com/watch?v=ziGaQ6lAelo";

Código Javascript:

Ver original<script type="text/javascript"> 
$(document).ready(function(){$("#expand_enlace<?php echo $id_enlace; ?>").oembed("<?php echo  $enlace; ?>",{maxWidth: 440, maxHeight: 260});});
</script>

//Los siguientes datos hay que tratarlos con un while, for...

Código PHP:

Ver original/***** OEMBED *****/
echo '<div class="expandbox_oembed" id="expandbox">';
echo '<div id="expand_enlace'.$id_enlace .'">';
echo '</div>';
echo '</div>';
/***** END OEMBED *****/

EDITO/AGREGO;
Supported OEmbed providers

5min
Amazon Product Images
Flickr
Google Video
Hulu
Imdb
Metacafe
Myspace Videos
Qik
Revision3
Screenr
Slideshare
Twitpic
Viddler
Vimeo
Wikipedia
WordPress
YouTube

Bueno espero hacerme entender y sino disculpen la verdad he estado varios meses sin internet y creo que perdí algo de claridad al explicarme.

Saludos
.