Código de HTML - audio y vídeo en HTML

Imágen de perfil
Val: 27
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

audio y vídeo en HTMLgráfica de visualizaciones


HTML

Publicado el 13 de Abril del 2020 por Ana Zelideth (29 códigos)
1.075 visualizaciones desde el 13 de Abril del 2020
Ejemplo de HTML pero ahora con complementos de audio y vídeo en nuestras páginas WEB


El complemento de audio soporta 3 tipos de archivos: ogg,mpeg,wav tiene como atributos:
Controls: que nos permite mostrar los controles de play, pausa, adelantar, atrasar
Src: es para indicar cual es el archivo origen que se reproducirá
Mute: que es para silenciar el audio
Loop: para ejecutar el audio de manera continua

El complemento de Vídeo, nos permite ingresar un espacio en la pagina para reproducir un vídeo, los formatos que soporta son mp4,ogg

Requerimientos

HTML

1.0
estrellaestrellaestrellaestrellaestrella(4)

Publicado el 13 de Abril del 2020gráfica de visualizaciones de la versión: 1.0
1.076 visualizaciones desde el 13 de Abril del 2020
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<title>Ejemplo audio y video</title>
</head>
<body>
 
<p> Como utilizar los controles de auido </p>
<audio controls>
    <source src="elementary-podcasts-s01-e03.mp3" type="audio/mpeg" controls=true>
    Your browser does not support the audio tag.
</audio>
 
<p> Como utilizar los controls de video </p>
<video width="320" height="240" controls>
    <source src="videoejemplo.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>
 
</body>
 
</html>



Comentarios sobre la versión: 1.0 (4)

Imágen de perfil
16 de Abril del 2020
estrellaestrellaestrellaestrellaestrella
muy bueno gracias
Responder
Imágen de perfil
17 de Abril del 2020
estrellaestrellaestrellaestrellaestrella
Gracias Sandro
Responder
Pedro
21 de Abril del 2020
estrellaestrellaestrellaestrellaestrella
Hola esta bueno el reproductor de video. Nose si puede hacerlo para que se pueda seleccionar diferentes videos en el mismo reproductor . Gracias
Responder
Imágen de perfil
22 de Abril del 2020
estrellaestrellaestrellaestrellaestrella
Hola Pedro:

Muy buena pregunta
Tienes que agregar código de PHP o ASP para abrir un combobox si es una lista de muchos archivos y quieres leerlos de un base de datos.
Pero si son pocos, podrías agregar un combobox y un código de Javascript, te comparto como sería

<p>
Selecciona tu Video:
<select id="select1">
<option value="videoejemplo.mp4">videoejemplo</option>
<option value="VID_20191231_075219.mp4">VID_20191231_075219</option>
<option value="VID_20191231_075709.mp4">VID_20191231_075709</option>
</select>
</p>

<p>
<video id = "videocon" width="320" height="240" controls>
<source src="" type="video/mp4">
Your browser does not support the video tag.
</video>
</p>

<button onclick="changeSource()">
Check option
</button>


<script type="text/javascript">
function changeSource() {
selectElement =
document.querySelector('#select1');
url = selectElement.value;
var video = document.getElementById('videocon');
video.src = url;
video.play();
}
</script
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/s6116