Insertar vídeo en HTML

[monras]

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">

[emprear]

Con que navegador la estás viendo?

Saludos

[Giovanni720]

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.

[Tedel]

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.

[monras]

Es que esta pagina no la voy a subir a internet por q en el lugar donde la voy a esponer carece de internet

[monras]

Iniciado por emprear

Con que navegador la estás viendo?

Saludos

Con Mozilla Firefox

[emprear]

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

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

Saludos

[monras]

Iniciado por emprear

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

[emprear]

monras:
Si tenes ese plugin instalado

esto:

Código HTML:

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>WMV con embed en HTML5</title> 
</head> 
<body> 
<embed type="application/x-mplayer2" src="wmv_video.wmv" id="mediaplayer"
width="320" height="240" showcontrols="1" showstatusbar="0" showdisplay="0" autostart="1" playcount="999"> 
</body> 
</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