CODIGOS DE REPRODUCTORES
Estos son los codigos de reproductores de video para blogs o paginas web, puedes ajustar el tamaño a tu gusto.
El siguiente código HTML muestra un reproductor de vídeo en una página web:
<video width="520" height="250" controls>
<source src="videos/video.mp4" type="video/.mp4">
Tu navegador no soporta los vídeos de HTML5
</video>
El atributo autoplay se utilizar para que comience el vídeo automáticamente. Para que comience el vídeo cuando la web haya cargado, pon el atributo autoplay dentro del elemento <video>.
<video width="520" height="250" controls autoplay><source src="videos/video.mp4" type="video/.mp4">
Tu navegador no soporta los vídeos de HTML5
</video>
En el siguiente ejemplo, hemos implementado unos cuantos controles personalizados mediante Javascript. Puedes ampliar todas estas funcionalidades mediante tus propios controles.
HTML
<button onclick="playPause()">Reproducir/Pausar</button><button onclick="reload()">Recargar</button>
<button onclick="makeLarge()">Maximizar</button>
<button onclick="makeSmall()">Minimizar</button>
<button onclick="makeNormal()">Normal</button>
<br><br>
<video id="videoPlayer" width="500">
<source src="videos/video.mp4" type="video/.mp4">
Tu navegador no soporta el vídeo de HTML5
</video>
Javascript
<script>var video; function obtenervideo(){ video = document.getElementById("videoPlayer");
function playPause() {
if (video.paused)
video.play();
else
video.pause();
}
function reload() {
video.load();
}
function makeLarge() {
video.width = 1000;
}
function makeSmall() {
video.width = 250;
}
function makeNormal() {
video.width = 500;
}
window.addEventListener("load",obtenervideo,false);
</script>
Otra forma de codigo reproductor de video, prueba con otros formatos de video.
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/.mp4">
<source src="movie.ogg" type="video/.ogg"> Su navegador no es compatible con el video .tag
</video>
SOY LEYENDA