Validación W3C en sitio Web con videos

ceaped · #1 (**permalink**) 26/06/2008, 14:00

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:

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

PatomaS · #2 (**permalink**) 26/06/2008, 20:22

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

ceaped · #3 (**permalink**) 27/06/2008, 05:57

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í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í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>© Copyright todos los derechos reservados</p>
</div>

</body>
</html>

pavelinhos · #4 (**permalink**) 27/06/2008, 19:58

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>

PatomaS · #5 (**permalink**) 27/06/2008, 20:00

Hola

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

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

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

Felicidad

Apolo · #6 (**permalink**) 27/06/2008, 21:20

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

Saludos,