Hola buenas tardes amigos , bueno pues el problema siento yo que es algo bastante simple en el siguiente codigo estoy usando html5 , y funciona de maravilla en webkit , pero al usar en opera y firefox no me renderiza bien , y tengo que cambiar todos los <section> y <article> por <div> y asi si funciona de lo lindo , lo que me confunde es que en la pagina de html5demos.com , opera si renderiza bien las tags <section> y <article> no se si sea un error en mi codeo y no lo puedo ver :S
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<script type="text/javascript" src="js/funciones.js">
</script>
<link rel="stylesheet" type="text/css" media="screen" href="css/estilo.css" />
<title>
Manipulando archivos multimedia
</title>
</head>
<body>
<section id="contenedor">
<section id="video">
<header>
<h3>Video</h3>
</header>
<article class="reproductor">
<video autoplay controls width="800" src="videos/prueba.mp4">
El navegador no soporta la etiqueta video.
</video>
<article class="lista">
<ol>
<li id="video_1">Video 1</li>
<li id="video_2">Video 2</li>
<li id="video_3">Video 3</li>
</ol>
</article>
</article>
</section>
<section id="audio">
<header>
<h3>Audio</h3>
</header>
<article class="reproductor">
<audio controls src="mp3/prueba.mp3">
El navegador no soporta la etiqueta audio.
</audio>
<article class="lista">
<ol>
<li id="audio_1">Audio 1</li>
<li id="audio_2">Audio 2</li>
<li id="audio_3">Audio 3</li>
</ol>
</article>
</article>
</section>
</section>
</body>
</html>