Foros del Web » Creando para Internet » HTML »

Insertar vídeo en HTML

Estas en el tema de Insertar vídeo en HTML en el foro de HTML en Foros del Web. Soy nuevo en el foro y tengo un problema al insertar un vídeo en HTML, lo que ocurre es que al visualizar la página el ...
  #1 (permalink)  
Antiguo 11/07/2011, 14:33
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 3 meses
Puntos: 1
Pregunta Insertar vídeo en HTML

Soy nuevo en el foro y tengo un problema al insertar un vídeo en HTML, lo que ocurre es que al visualizar la página el vídeo se queda en negro y no aparecen botones de reprodución, el codigo que utilizo es: <embed src="mivideo.avi" autostart="false" loop="false">
  #2 (permalink)  
Antiguo 11/07/2011, 20:04
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 3 meses
Puntos: 1567
Respuesta: Insertar vídeo en HTML

Con que navegador la estás viendo?

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 12/07/2011, 10:46
 
Fecha de Ingreso: julio-2011
Ubicación: En México
Mensajes: 8
Antigüedad: 6 años, 3 meses
Puntos: 1
Respuesta: Insertar vídeo en HTML

Hay una manera muy sencilla, y es por YouTube, si tienes cuenta y subes un video, cunado este termine te salen dos cuadros, uno es la url y oto es el embed, ese lo seleccionas (se copia automaticamente al seleccionar) y lo pones en donde quieres que aparesca tu video; o si no aqui esta la otra forma pero es más enredada, aunque asi el video solo esta en tu web, pero tiene la visualización del reproductor de windows:

Este script lo debes de poner en HEAD, y no dedes de mover nada:

Código HTML:
<script type="text/javascript">
//
//
function AC_AX_RunContent(){
  var ret = AC_GetArgs(arguments);
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_RunFlashContent(){
  var ret = 
    AC_GetArgs
    (  arguments, "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_RunMMContent(){
  var ret = 
    AC_GetArgs
    (  arguments, "filename", "clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
     , "application/x-mplayer2"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_RunRealContent(){
  var ret = 
    AC_GetArgs
    (  arguments, "src", "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
     , "audio/x-pn-realaudio-plugin"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_RunQTContent(){
  var ret = 
    AC_GetArgs
    (  arguments, "src", "clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
     , "video/quicktime"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '<object ';
  for (var i in objAttrs)
    str += i + '="' + objAttrs[i] + '" ';
  str += '>';
  for (var i in params)
    str += '<param name="' + i + '" value="' + params[i] + '" /> ';
  str += '<embed ';
  for (var i in embedAttrs)
    str += i + '="' + embedAttrs[i] + '" ';
  str += ' ></embed></object>';

  document.write(str);
}

function AC_GetArgs(args, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    
    switch (currArg){	
/// embed args
      case "pluginspage":
      case "type":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
/// object args
      case "data":
      case "codebase":
      case "classid":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
/// common args
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
// special args
      case "src":
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;	
	break;
// params
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }

  if (classid) ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;

  return ret;
}
</script> 
Luego colocamos esto en BODY:

Código HTML:
<div id="embed1">
<script type="text/javascript">
AC_RunMMContent('codebase','http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715','id','embed1','width','500','height','400','autostart','false','src','ruta-video.wmv');
</script>
<noscript>
<object id="embed1" width=300 height=200 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715">
<param name="filename" value="ruta-video.wmv">
<param name="autostart" value="false">
<embed src="ruta-video.wmv" width=300 height=200 autostart="false" type="application/x-mplayer2"></embed>
</object>
</noscript>
</div>

Solo le tendrias que cambiar la ruta del video y el tamaño que gustes (en el del BODY, no cambies el del HEAD)

Nota: Las propiedades de la ruta del video y su tamaño (width y height) estan en el del BODY.
  #4 (permalink)  
Antiguo 13/07/2011, 11:46
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 6 años, 9 meses
Puntos: 442
Respuesta: Insertar vídeo en HTML

Cambia la codificación del vídeo a WebM y será más accesible. Para un AVI, las personas tendrán que descargarlo antes de poder verlo.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #5 (permalink)  
Antiguo 19/07/2011, 14:47
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 3 meses
Puntos: 1
Respuesta: Insertar vídeo en HTML

Es que esta pagina no la voy a subir a internet por q en el lugar donde la voy a esponer carece de internet
  #6 (permalink)  
Antiguo 19/07/2011, 14:55
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 3 meses
Puntos: 1
Respuesta: Insertar vídeo en HTML

Cita:
Iniciado por emprear Ver Mensaje
Con que navegador la estás viendo?

Saludos
Con Mozilla Firefox
  #7 (permalink)  
Antiguo 19/07/2011, 15:26
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 3 meses
Puntos: 1567
Respuesta: Insertar vídeo en HTML

Para ver avi en firefox necesitas el plugin de Windows media para Firefox

http://www.interoperabilitybridges.c...lugin-download

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #8 (permalink)  
Antiguo 01/08/2011, 13:08
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 3 meses
Puntos: 1
Respuesta: Insertar vídeo en HTML

Cita:
Iniciado por emprear Ver Mensaje
Para ver avi en firefox necesitas el plugin de Windows media para Firefox

[url]http://www.interoperabilitybridges.com/windows-media-player-firefox-plugin-download[/url]

Saludos
Me he descargado este plugin y sigue sin porderse reproducir
  #9 (permalink)  
Antiguo 01/08/2011, 14:45
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 3 meses
Puntos: 1567
Respuesta: Insertar vídeo en HTML

monras:
Si tenes ese plugin instalado

esto:
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>WMV con embed en HTML5</title>
  6. </head>
  7. <body>
  8. <embed type="application/x-mplayer2" src="wmv_video.wmv" id="mediaplayer"
  9. width="320" height="240" showcontrols="1" showstatusbar="0" showdisplay="0" autostart="1" playcount="999">
  10. </body>
  11. </html>
(los parametros de embed pueden ser modificados)


Se te tiene que ver en todos lados
Demo:
http://emprear.dyndns.info/wmv/wmp.html

El único problema es que si estas ejecutando directamente desde el explorador de windows, IE te va a mostrar una advertencia si queres mostrar contenido bloqueado, para evitar eso tenes que ir a IE/herramientas/opciones de internet/opciones avanzadas y tildar la casilla que dice "Permitir que el contenido activo de ejecute en archivos de mi equipo"

saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 16:30.