Buenas gente, estoy haciendo una pagina web y tengo dos problemas.
Este es el cuerpo
<body>
<div align="center">
<a href="index.html"><img src="title.jpg" alt="Endless title image"></a>
</div>
<div align="center">
<video>
<source src="video0051.mp4" type="video/mp4" />
</video>
</div>
</body>
La cosa es que no me funciona el video, y quiero que cuando acabe, o que cuando la gente lo quite el cuerpo se transforme en este.
<body>
<div align="center">
<a href="index.html"><img src="title.jpg" alt="Endless title image"></a>
</div>
<div align="center">
<a href="http://www.endlessforo.com/"><img src="foro.jpg" alt="Endless forum image"></a>
<a href="http://www.comunidadendless.com/"><img src="web.jpg" alt="Endless web image"></a>
<a href="aqui lo que te salga del rabo"><img src="descargas.jpg" alt="Endless downloads image"></a>
</div>
<div align="center">
<img src="ServerDemo.jpg" alt="Endless ServerDemo image">
<img src="ServerDemo.jpg" alt="Endless ServerDemo image">
<img src="ServerDemo.jpg" alt="Endless ServerDemo image">
</div>
<div>
<p class=Endless id=Primero>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dapibus erat nisl, ut placerat.</p>
<p class=Endless class=Texto>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dapibus erat nisl, ut placerat.</p>
<p class=Endless class=Texto>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dapibus erat nisl, ut placerat.</p>
</div>
</body>
Se que es con javascript, pero no se exactamente como hacerlo (tengo cierta idea, si solo me ayudan con lo del video lo otro creo que puedo descubrirlo yo.)
Para que funcione el vídeo utiliza HTML5
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Y si quieres reproducción automática....
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>