Comunidad de diseño web y desarrollo en internet online

Mostrar Videos en Pagina Web

Citar            
MensajeEscrito el 09 Feb 2012 05:54 pm
Tengo archivos de videos en el servidor y en la BD con MYSQL su ubicacion para poder mostrarlos.

Con un select ubico el archivo que quiero mostrar y con un simple.
<a href="'.$video.'">Mostrar Video</a> muestro el video, pero primero me descarga el archivo y lo muestra con un reproductor cliente que tenga instalado y dependiendo del formato que tenga el archivo. la mayoria de formatos de videos subidos son extension swf pero cuando tengo una extension flv me pide descargar el reproductor para este formato y lo muestra.

Ante este inconviniente, decidi trabajar con jquery y puse el siguiente codigo.

las librerias necesarias

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript" src="player.swf"></script>

<script type="text/javascript">
$(document).ready(function(){
$('.media').media();
});
</script>

<?php echo '<a class="media" href="'.$video.'">My Flash Movie</a> ' ?>

y con esta instruccion me muestra el video pero los archivos con extension swf.

La pregunta es: con este mismo codigo, como hago para mostrar archivos con extension flv o mov.

y con este mismo codigo me muestra losvideos en IE pero en MOZILA me sale el mensaje que instale el reproductor.

Si alguien conoce o me da sugerenciasd de como puedo hacer para mostrar archivos de video con extensiones mov, swf y mov.

Saludos

Por gonzalo99

10 de clabLevel



 

msie8
Citar            
MensajeEscrito el 09 Feb 2012 06:08 pm
Tu problema es que estas usando la etiqueta equivocada, la etiqueta <a> es para enlaces, no para mostrar videos, si pones en el atributo href una ruta a un archivo (en este caso un video), el navegador al no poder abrir ese archivo, lo que hace es que despliega la ventana para descargarlo.

La forma correcta de mostrar video es esta:

Código :

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  
</video>


Como puedes ver, con esta etiqueta puedes especificar ciertos valores, como ancho, alto y otros atributos.



para mas información puedes mirar esta página:

www.w3schools.com/html5/tag_video.asp

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.