Código de JavaScript - Multi Video Player

Imágen de perfil
Val: 68
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Multi Video Playergráfica de visualizaciones


JavaScript

Publicado el 24 de Diciembre del 2018 por 2k (12 códigos)
5.305 visualizaciones desde el 24 de Diciembre del 2018
Multi Video Player by 2K code

Reproductor de Vídeo para varios archivos y/o formatos compatibles...

Mejor con 2K max.

video

Requerimientos

Un navegador y/o dispositivo compatible.

1.0
estrellaestrellaestrellaestrellaestrella(3)

Publicado el 24 de Diciembre del 2018gráfica de visualizaciones de la versión: 1.0
5.306 visualizaciones desde el 24 de Diciembre del 2018
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Versión 1.0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
 
<html>
<head>
<title>2K code</title>
<meta charset="utf-8" />
<meta name="author" content="2K code" />
<meta name="robots" content="noindex" />
<meta name="viewport" content="width=device-width" />
<style type="text/css">
video, button {
border: 0px;
padding: 8px;
margin: auto;
background: #F0F0F0;
}
</style>
<script type="text/javascript">
function changeaud(url) {
var vid=document.getElementById("video");
vid.src=url;
vid.play();
if (vid.requestFullscreen) {
vid.requestFullscreen();
} else if (vid.mozRequestFullScreen) {
vid.mozRequestFullScreen();
} else if (vid.webkitRequestFullscreen) {
vid.webkitRequestFullscreen();
} else if (vid.msRequestFullscreen) {
vid.msRequestFullscreen();
}
return vid;
}
</script>
</head>
<body>
<video id="video" width="320" height="240" controls>
Your browser does not support the HTML5 Video.
</video>
<p>
<button onclick="changeaud('video.ogv')">Video #1</button>
<button onclick="changeaud('video.mp4')">Video #2</button>
<button onclick="changeaud('video.ogv')">Video #3</button>
<button onclick="changeaud('video.mp4')">Video #4</button>
</p>
</body>
</html>



Comentarios sobre la versión: 1.0 (3)

Manuel
31 de Marzo del 2022
estrellaestrellaestrellaestrellaestrella
Me encanta tu código, pero habrá alguna manera para agregar la etiqueta poster?
para que muestre una imagen cuando el reproductor este detenido?
Responder
Alonso
9 de Junio del 2022
estrellaestrellaestrellaestrellaestrella
en el lugar donde dice video 1, 2, etc pones
<img src=" "> me imagino que ya sabes el configurar el resto osea altura , ancho, etc.
Responder
Droid
11 de Marzo del 2024
estrellaestrellaestrellaestrellaestrella
Como ago para poner el póster i tentado pero no puedo de la manera que ud dice
Responder

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4986