[email protected]!

Gracias por tu visita, somos una comunidad en crecimiento, sería un placer te unieras a nosotros.

Recursos Premium para Webmasters, Soporte y Ayuda en Español GRATIS.

Unirme ahora!

reproductor html

santiagoenri

Observador

Registrado
19 Nov 2021
Mensajes
36
buenas queria saber si se puede tener un propio reproductor html por ejemplo cojo videos de una pagina les saco html y lo subo ami reproductor y si se puede donde conseguirlo gracias
 

Space Designer

Observador

Registrado
17 Dec 2021
Mensajes
37
Intenta con esto.

Ejemplo:

HTML:
<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 controls añade controles a tu vídeo como el botón de reproducir, pausar, pantalla completa, volumen, etc.
  • Debes incluir el ancho y el alto de tu vídeo para especificar el tamaño del vídeo
  • También es muy buena idea incluir un mensaje para todos aquellos navegadores que no soporten el elemento <video>, como pueden ser los navegadores antiguos. El texto entre los tags <video> y </video> se mostrará cuando el navegador no soporte el vídeo de HTML5.

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>.

HTML
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
JavaScript:
<script>
var 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;
}
</script>
 

santiagoenri

Observador

Registrado
19 Nov 2021
Mensajes
36
Intenta con esto.

Ejemplo:

HTML:
<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 controls añade controles a tu vídeo como el botón de reproducir, pausar, pantalla completa, volumen, etc.
  • Debes incluir el ancho y el alto de tu vídeo para especificar el tamaño del vídeo
  • También es muy buena idea incluir un mensaje para todos aquellos navegadores que no soporten el elemento <video>, como pueden ser los navegadores antiguos. El texto entre los tags <video> y </video> se mostrará cuando el navegador no soporte el vídeo de HTML5.

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>.

HTML
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
JavaScript:
<script>
var 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;
}
</script>
 
Arriba