Ohh, pero se prodrá adaptar ¿no? yo lo estoy intentando
Código HTML:
<?php
function lista() {
return array (
array('Autobiografía','GJ0bMSr5-P0'),
array('Catro_vellos_mariñeiros_con_David_Civera','nlIVrm3frrE'),
array('Oh_sole_mio','0ZTiWAtB42c'),
array('Quedate','DXQnHbg8kS4'),
array('Violetas_imperiales','ZIZwwGoZ1FQ'),
/*
'Autobiografía'=>'GJ0bMSr5-P0',
'Catro_vellos_mariñeiros_con_David_Civera'=>'nlIVrm3frrE',
'Oh_sole_mio'=>'0ZTiWAtB42c',
'Quedate'=>'DXQnHbg8kS4',
'Violetas_imperiales'=>'ZIZwwGoZ1FQ',
*/
);
}
$videos=lista();
/*
foreach ($videos as $titulo => $codigo) {
if (isset($_GET["v"])) {
echo '<a href="URL?', $codigo, '-', title($titulo), '">', $titulo, '</a>';
}
}
*/
foreach ($videos as $clave=>$valor) {
if (isset($_GET["v"])) {
if (str_replace("ñ","n",strtolower($valor[0]))==$_GET["v"]) {
$title=str_replace("_"," ",$valor[0]);
$url=$valor[1];
}
} else {
$title=$videos[0][0];
$url=$videos[0][1];
}
$redes_sociales="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
}
function enlace($enlace) {
$videos=lista();
foreach ($videos as $clave=>$valor) {
if ($valor[0]==$enlace) {
$title=str_replace("_"," ",$valor[0]);
$url=str_replace("ñ","n",strtolower($valor[0]));
print "<a href=\"$url.html\">$title</a>";
}
}
}
?>
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Fausto: <?php echo $title; ?></title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="/themes/Slate/bootstrap.min.css">
<!-- -->
<link rel="stylesheet" href="/css/style.css">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./"><span class="glyphicon glyphicon-facetime-video"></span> Autobiografía</a>
</div>
<!-- Collect the nav Enlaces, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<!--li class="active"><a href="#">Enlace</a></li>
<li><a href="#">Enlace</a></li-->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-facetime-video"></span> Fausto <b class="caret"></b></a>
<ul class="dropdown-menu">
<li role="presentation" class="dropdown-header">2011/2014</li>
<li><?php enlace("Violetas_imperiales"); ?></li>
<!--li class="divider"></li-->
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-facetime-video"></span> Fatiga Fusión <b class="caret"></b></a>
<ul class="dropdown-menu">
<li role="presentation" class="dropdown-header">2011/2014</li>
<li><?php enlace("Oh_sole_mio"); ?></li>
<!--li class="divider"></li-->
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-facetime-video"></span> Talisman <b class="caret"></b></a>
<ul class="dropdown-menu">
<li role="presentation" class="dropdown-header">2011/2014</li>
<li><?php enlace("Catro_vellos_mariñeiros_con_David_Civera"); ?></li>
<!--li class="divider"></li-->
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-share-alt"></span> Redes Sociales <b class="caret"></b></a>
<ul class="dropdown-menu">
<li role="presentation" class="dropdown-header">Facebook</li>
<li><a href="http://www.facebook.com/sharer.php?u=<?php print $redes_sociales; ?>&t=<?php print $title; ?>" target="_blank">Compartir</a></li>
<li><a href="https://www.facebook.com/fausto.vigo" target="_blank">Visitar</a></li>
<li class="divider"></li>
<li role="presentation" class="dropdown-header">Twitter</li>
<li><a href="http://twitter.com/home?status=<?php print "@contratenor1: ".$title." -> ".$redes_sociales; ?>" target="_blank">Compartir</a></li>
<li><a href="https://twitter.com/contratenor1" target="_blank">Visitar</a></li>
<li class="divider"></li>
<li role="presentation" class="dropdown-header">Goolge+</li>
<li><a href="https://plus.google.com/share?url=<?php print $redes_sociales; ?>" target="_blank">Compartir</a></li>
<li><a href="https://plus.google.com/107512179514884170320/posts?hl=es" target="_blank">Visitar</a></li>
<li class="divider"></li>
<li role="presentation" class="dropdown-header">YouTube</li>
<li><a href="http://www.youtube.com/user/FaustoLopezCat" target="_blank">Visitar</a></li>
<li class="divider"></li>
<li role="presentation" class="dropdown-header">LinkedIn</li>
<li><a href="http://es.linkedin.com/pub/faustino-lopez-catalina/66/2a9/781" target="_blank">Visitar</a></li>
</ul>
</li>
<!--li><a href="#"><span class="glyphicon glyphicon-envelope"></span> Contactar</a></li>
<li><a href="#"><span class="glyphicon glyphicon-info-sign"></span> Ayuda</a></li-->
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-md-3 col-md-push-9">
<figure>
<h2 class="text-center">Fausto!</h2>
<img src="https://scontent-a-fra.xx.fbcdn.net/hphotos-ash3/t1/1044835_10200156681981748_1829584009_n.jpg" class="img-thumbnail img-circle img-responsive" alt="Responsive image">
<figcaption class="text-center">Música entre amigos</figcaption>
<hr class="hidden-md hidden-lg">
</figure>
</div>
<div class="col-md-9 col-md-pull-3">
<h1 class="text-center"><?php print $title; ?></h1>
<iframe src="http://www.youtube.com/embed/<?php print $url; ?>?rel=0&showinfo=0&controls=1&autoplay=1&start=0&end=" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</body>
</html>