31/10/2014, 22:24
|
| | Fecha de Ingreso: noviembre-2007
Mensajes: 1
Antigüedad: 17 años Puntos: 0 | |
Respuesta: Reproductor de video HTML5 con playlist esta es una forma de hacerlo con datos de una base de datos y por cierto alexis muchas gracias me sirvio mucho tu codigo
<?php include("include/conexion.php");
$tipo=$_GET["tipo"];
$feria=$_GET["feria"];
$sql="SELECT * FROM mostrar WHERE feria=$feria AND tipo=$tipo";
$contenido = mysqli_query($cnx, $sql);
$row_contenido = mysqli_fetch_assoc($contenido);
$videos="";
do {
$videos.= "'".$row_contenido["imagen"]."', ";
} while ($row_contenido = mysqli_fetch_assoc($contenido));
?>
<html>
<head>
<title>Galeria Personalizada</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="slider/galeryEstilos.css">
<script type="text/javascript">
window.onload = function playlist(){
var reproductor = document.getElementById("reproductor"),
videos = [<?php echo $videos ?>],
info = document.getElementById("info");
info.innerHTML = "Video: " + videos[0];
reproductor.src = videos[0];
reproductor.play();
reproductor.addEventListener("ended", function() {
var nombreActual = info.innerHTML.split(": ")[1];
var actual = videos.indexOf(nombreActual);
actual = actual == videos.length - 1 ? 0 : actual + 1;
this.src = videos[actual];
info.innerHTML = "Video: " + videos[actual];
this.play();
}, false);
}
</script>
</head>
<body>
<div id="galeria">
<div id="galeria_principal">
<label style="color:#FFF;" id="info"></label>
<video id="reproductor" autoplay='autoplay' controls='controls' width='100%'>
</video>
</div>
</div>
</body>
</html> |