Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/07/2011, 10:46
Giovanni720
 
Fecha de Ingreso: julio-2011
Ubicación: En México
Mensajes: 8
Antigüedad: 12 años, 9 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.