Foros del Web » Creando para Internet » Diseño web »

Validación W3C en sitio Web con videos

Estas en el tema de Validación W3C en sitio Web con videos en el foro de Diseño web en Foros del Web. Buenas tardes Estoy haciendo un sitio Web con el cual he tenido una serie de problemas. Haciendo su validación me sale una serie de errores ...
  #1 (permalink)  
Antiguo 26/06/2008, 15:00
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.078
Antigüedad: 13 años, 10 meses
Puntos: 9
Pregunta Validación W3C en sitio Web con videos

Buenas tardes

Estoy haciendo un sitio Web con el cual he tenido una serie de problemas.

Haciendo su validación me sale una serie de errores en esta línea:

Cita:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_ 1&streamName=videos/01_expomotriz&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_S kin_1&streamName=videos/01_expomotriz&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
Como verán estoy colocando una serie de videos pero no me valida.

Si alguien me puede decir que debo de quitar o agregar.

Eso por un lado, el otro problema por si alguien en este foro me apiada de mi dejo un enlace que aunque no tiene que ver con validación me tiene en serios problemas para trabajar con los videos ya que yo pretondo dejar uno visible y otro oculto para que la gente lo abra con Fx.Slide.
Yo empleo el FxSlide con texto e imágenes y funciona bien y es válido pero con video ni es válido y tampoco me funciona el Fx.Slide.
Yo so que no es el foro pero si me pueden dar una mano con ambos temas les estaré muy agradecido. Dejo el enlace en donde está lo relacionado con Fx.Slide:

http://www.forosdelweb.com/f127/fx-s...e-otro-599977/

Mucha suerte para todos
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 26/06/2008, 21:22
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: Validación W3C en sitio Web con videos

Hola

Algunos de los posibles errores son dependientes de la DTD que estés usando, es decir, la versión de HTML, si no nos das más datos, no podemos darte una buena respuesta.

En principio, elimina la etiqueta embed.

También como prueba, en la siguiente validación, elimina las líneas que contienen "&" y nos comentas.

Finalmente, si nos puedes poner la dirección, será mucho mejor.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 27/06/2008, 06:57
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.078
Antigüedad: 13 años, 10 meses
Puntos: 9
Respuesta: Validación W3C en sitio Web con videos

Hola PatomaS.
Si elimino la etiqueta embed no se ve el video.
Como no tengo forma de subirte un ejercicio ni la Web aquí te pongo el html:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

<head>
<title>Titulo</title>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="r9DifG65z2ALL/9EhQWfDHLn7158/aPhYmJCG4O6FEQ=" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="1 days" />

<script type="text/javascript" src="js/mootools.js"></script>

<script type="text/javascript">
window.addEvent('domready', function(){
var miSlide = new Fx.Slide('imagenes');
$('ocultar_img').addEvent('click', function(e){
e = new Event(e);
miSlide.toggle();
e.stop();
});
miSlide.hide();
});
</script>

<script type="text/javascript">
window.addEvent('domready', function(){
var miSlide = new Fx.Slide('video');
$('ocultar_video').addEvent('click', function(e){
e = new Event(e);
miSlide.toggle();
e.stop();
});
miSlide.hide();
});
</script>

<style type="text/css">

body {
background-color: #FFFFFF;
background-image: url(images/degradado_fondo.gif);
background-repeat: repeat-x;

}

#flash {
z-index: -999;
}

</style>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>

<link href="css/hoja_1.css" rel="stylesheet" type="text/css" />
<link href="css/hoja_2.css" rel="stylesheet" type="text/css" />
<link href="css/hoja_3.css" rel="stylesheet" type="text/css" />
<link href="css/hoja_4.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="banner">

<div id="menu">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
</ul>
</div>


<div id="body">

<div id="contenido">

<div class="contenido">
<h2 class="titulo">Galer&iacute;a de Fotos </h2>
<p><strong>Stylo, Belleza y mucho mas 7 - 15 - 2008</strong></p>

<ul>
<li><a href="#noir" title="titulo de foto">
<img class="min" src="images/00001.jpg" width="70" height="70" border="0" alt="xxx" />

</ul>


<div id="alternar_img">
<a id="ocultar_img" title="Ver mas" class="vermas" href="javascript:void(0);"></a>
<p class="div"></p>
</div>

<div id="imagenes">
<ul>
<li><a href="#noir" title="titulo foto">
<img class="min" src="/00002.jpg" width="70" height="70" border="0" alt="xxx" />


</ul>
</div>

<h2 class="titulo">Galer&iacute;a de Videos </h2>
<p><strong>video_01</strong></p>


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_ 1&streamName=videos/01_expomotriz&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_S kin_1&streamName=videos/01_expomotriz&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

<div id="alternar_video">
<a id="ocultar_video" title="Ver mas" class="vermas" href="javascript:void(0);"></a>
<p class="div"></p>
</div>

<div id="video">
<p><strong>video_02</strong></p>


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer1">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_ 1&streamName=videos/01_expomotriz&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_S kin_1&streamName=videos/01_expomotriz&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer1" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</div>

<span class="barra_inferior"></span></div>

<div id="banner_flash">
<object type="application/x-shockwave-flash" data="swf/banner_01.swf" width="146" height="447">
<param name="wmode" value="transparent">

<param name="quality" value="high" />
<img src="http://www.nombre.com/imagen_flash.gif" width="146" height="350" alt="xxx" />
</object>
</div>

<br class="espacio" />
</div>
</div>

<div id="footer">
<div class="footer">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
</ul>

<br class="espacio" />

Direccion y otros

<br class="espacio" />
<p>&copy; Copyright todos los derechos reservados</p>
</div>

</body>
</html>
__________________
Diseñador Gráfico publicitario
  #4 (permalink)  
Antiguo 27/06/2008, 20:58
 
Fecha de Ingreso: diciembre-2005
Mensajes: 97
Antigüedad: 12 años
Puntos: 0
Respuesta: Validación W3C en sitio Web con videos

hola ceaped; trate de coregir algunos errores en la estructura de tu pagina, como etiquetas no cerradas y otros, prueba con este codigo y nos avisas como vas:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

<head>
<title>Titulo</title>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="r9DifG65z2ALL/9EhQWfDHLn7158/aPhYmJCG4O6FEQ=" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="1 days" />

<script type="text/javascript" src="js/mootools.js"></script>

<script type="text/javascript">
window.addEvent('domready', function(){
var miSlide = new Fx.Slide('imagenes');
$('ocultar_img').addEvent('click', function(e){
e = new Event(e);
miSlide.toggle();
e.stop();
});
miSlide.hide();
});
</script>

<script type="text/javascript">
window.addEvent('domready', function(){
var miSlide = new Fx.Slide('video');
$('ocultar_video').addEvent('click', function(e){
e = new Event(e);
miSlide.toggle();
e.stop();
});
miSlide.hide();
});
</script>

<style type="text/css">

body {
background-color: #FFFFFF;
background-image: url(images/degradado_fondo.gif);
background-repeat: repeat-x;

}

#flash {
z-index: -999;
}

</style>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>

<link href="css/hoja_1.css" rel="stylesheet" type="text/css" />
<link href="css/hoja_2.css" rel="stylesheet" type="text/css" />
<link href="css/hoja_3.css" rel="stylesheet" type="text/css" />
<link href="css/hoja_4.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="banner">

<div id="menu">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
</ul>
</div>


<div id="body">

<div id="contenido">

<div class="contenido">
<h2 class="titulo">Galer&iacute;a de Fotos </h2>
<p><strong>Stylo, Belleza y mucho mas 7 - 15 - 2008</strong></p>

<ul>
<li><a href="#noir" title="titulo de foto">
<img class="min" src="images/00001.jpg" width="70" height="70" alt="xxx" />
</a></li>
</ul>


<div id="alternar_img">
<a id="ocultar_img" title="Ver mas" class="vermas" href="javascript:void(0);"></a>
<p class="div"></p>
</div>

<div id="imagenes">
<ul>
<li><a href="#noir" title="titulo foto">
<img class="min" src="/00002.jpg" width="70" height="70" alt="xxx" />
</a>
</li>
</ul>
</div>

<h2 class="titulo">Galer&iacute;a de Videos </h2>
<p><strong>video_01</strong></p>

<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="200" height="100">
						<param name="movie" value="FLVPlayer_Progressive.swf" />
						<param name="quality" value="high" />
						<img src="flash.png" width="200" height="100" alt="Imagen en reemplazo de flash" />
</object>


<div id="alternar_video">
<a id="ocultar_video" title="Ver mas" class="vermas" href="javascript:void(0);"></a>
<p class="div"></p>
</div>

<div id="video">
<p><strong>video_02</strong></p>


<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="200" height="100">
						<param name="movie" value="FLVPlayer_Progressive.swf" />
						<param name="quality" value="high" />
						<img src="flash.png" width="200" height="100" alt="Imagen en reemplazo de flash" />
</object>
</div>
</div>

<span class="barra_inferior"></span></div>

<div id="banner_flash">
<object type="application/x-shockwave-flash" data="swf/banner_01.swf" width="146" height="447">
<param name="wmode" value="transparent" />

<param name="quality" value="high" />
<img src="http://www.nombre.com/imagen_flash.gif" width="146" height="350" alt="xxx" />
</object>
</div>

<br class="espacio" />
</div>
</div>

<div id="footer">
<div class="footer">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
<li><a href="#" title="index">index</a></li>
</ul>
</div>
<br />

Direccion y otros

<br/>
<p>&copy; Copyright todos los derechos reservados</p>
</div>

</body>
</html> 
__________________
_Derek_
  #5 (permalink)  
Antiguo 27/06/2008, 21:00
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: Validación W3C en sitio Web con videos

Hola

Veo que tienes un montón de errores de sintaxis, deberías corregir eso pronto.

Donde tengas "&", cámbialo por "&amp;"

La mayoría de los errores son sencillos de corregir y en los casos del &, solo tienes que hacer esas sustituciones.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #6 (permalink)  
Antiguo 27/06/2008, 22:20
Avatar de Apolo
Colaborador
 
Fecha de Ingreso: abril-2003
Ubicación: ubicado
Mensajes: 7.961
Antigüedad: 14 años, 8 meses
Puntos: 109
Respuesta: Validación W3C en sitio Web con videos

Tema movido desde el foro Accesibilidad y usabilidad hacia el foro Web general.

Saludos,
__________________
Planes VPS en el mundo > DirectorioVPS
Visita los foros de hosting de ComunidadHosting
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




La zona horaria es GMT -6. Ahora son las 19:31.