SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
INSERTAR VIDEO Y
SONIDO EN HTML
ATRIBUTOS DE LA ETIQUETA <VIDEO>
(COPIAR EN CUADERNO)
autoplay
Especifica si el vídeo comenzará a ejecutarse tan pronto como esté listo.
controls
Especifica si los controles (inicio/paro) se deben mostrar.
height
Especifica la altura del reproductor de vídeo.
loop
Especifica si el vídeo debe comenzar de nuevo una vez haya terminado.
muted
Especifica si el audio del vídeo debe estar apagado.
poster
Especifica una imagen para ser mostrada mientras el vídeo se carga y hasta que el usuario pulse el botón de inicio.
preload
Especifica cómo se debe cargar el vídeo cuando se cargue la página.
src
Especifica la URL del origen del vídeo.
width
Especifica la anchura del reproductor de vídeo.
Debido a las inconsistencias entre distintos navegadores,
antes había que usar las etiquetas <object> (que formaba
parte de la recomendación oficial de HTML) y <embed> (que
no formaba parte de la recomendación oficial). Ello obligaba
al desarrollador web a escribir código de este estilo para
lograr la máxima compatibilidad con diferentes navegadores
EJEMPLO 1
EJEMPLO 2
EJEMPLO 3
EJEMPLO 4
COPIAR EN EL CUADERNO
EJEMPLO 5
CREA UNA PÁGINA WEB DEL TEMA DE TU
ELECCIÓN DE FORMA CREATIVA EN DONDE
INTEGRES TODOS LOS CONTENIDOS
VISTOS

Más contenido relacionado

Similar a insertarvideoysonidoenhtml-171016193052.pdf

Etiquetas de audio html
Etiquetas de audio htmlEtiquetas de audio html
Etiquetas de audio htmlMena75
 
HTML5. El objeto vídeo
HTML5. El objeto vídeoHTML5. El objeto vídeo
HTML5. El objeto vídeodarknesplus
 
Movie maker
Movie makerMovie maker
Movie makerinfor20
 
Repaso curso compu
Repaso curso compuRepaso curso compu
Repaso curso compuRosiLara
 
Presentación sobre movie maker.
Presentación sobre movie maker.Presentación sobre movie maker.
Presentación sobre movie maker.jaharosales
 
Subir video a youtube con wmv.slide share
Subir video a youtube con wmv.slide shareSubir video a youtube con wmv.slide share
Subir video a youtube con wmv.slide sharedaniels10
 
Trabajo de computacion Que es embed
Trabajo de computacion Que es embedTrabajo de computacion Que es embed
Trabajo de computacion Que es embedRonny Chacon
 
Presentación sobre movie maker2.
Presentación sobre movie maker2.Presentación sobre movie maker2.
Presentación sobre movie maker2.jaharosales
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacionMarcelo Marca
 
Como editar videos con filmora
Como editar videos con filmoraComo editar videos con filmora
Como editar videos con filmorajeonvaleria
 
Actividad entregable 2.1
Actividad entregable 2.1Actividad entregable 2.1
Actividad entregable 2.1Irma506
 
Visualización de videos en el player nativo de android con Air
Visualización de videos en el player nativo de android con AirVisualización de videos en el player nativo de android con Air
Visualización de videos en el player nativo de android con AirAngel Vazquez
 
Como editar videos con filmora
Como editar videos con filmoraComo editar videos con filmora
Como editar videos con filmorajeonvaleria
 

Similar a insertarvideoysonidoenhtml-171016193052.pdf (20)

Etiquetas de audio html
Etiquetas de audio htmlEtiquetas de audio html
Etiquetas de audio html
 
HTML5 Audio & Vídeo
HTML5 Audio & VídeoHTML5 Audio & Vídeo
HTML5 Audio & Vídeo
 
HTML5. El objeto vídeo
HTML5. El objeto vídeoHTML5. El objeto vídeo
HTML5. El objeto vídeo
 
YOUTUBE Y SLIDESHARE
YOUTUBE Y SLIDESHAREYOUTUBE Y SLIDESHARE
YOUTUBE Y SLIDESHARE
 
Movie maker
Movie makerMovie maker
Movie maker
 
YOUTUBE Y SLIDESHARE
YOUTUBE Y SLIDESHAREYOUTUBE Y SLIDESHARE
YOUTUBE Y SLIDESHARE
 
Repaso curso compu
Repaso curso compuRepaso curso compu
Repaso curso compu
 
Presentación sobre movie maker.
Presentación sobre movie maker.Presentación sobre movie maker.
Presentación sobre movie maker.
 
Subir video a youtube con wmv.slide share
Subir video a youtube con wmv.slide shareSubir video a youtube con wmv.slide share
Subir video a youtube con wmv.slide share
 
Trabajo de computacion Que es embed
Trabajo de computacion Que es embedTrabajo de computacion Que es embed
Trabajo de computacion Que es embed
 
Movie maker
Movie makerMovie maker
Movie maker
 
Edicion de videos
Edicion de videosEdicion de videos
Edicion de videos
 
Presentación sobre movie maker2.
Presentación sobre movie maker2.Presentación sobre movie maker2.
Presentación sobre movie maker2.
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Como editar videos con filmora
Como editar videos con filmoraComo editar videos con filmora
Como editar videos con filmora
 
Actividad entregable 2.1
Actividad entregable 2.1Actividad entregable 2.1
Actividad entregable 2.1
 
Visualización de videos en el player nativo de android con Air
Visualización de videos en el player nativo de android con AirVisualización de videos en el player nativo de android con Air
Visualización de videos en el player nativo de android con Air
 
Como editar videos con filmora
Como editar videos con filmoraComo editar videos con filmora
Como editar videos con filmora
 
Movie maker
Movie makerMovie maker
Movie maker
 
Que tuto
Que tutoQue tuto
Que tuto
 

Más de AndresCabello8

Menù Correspondencia.pptx
Menù Correspondencia.pptxMenù Correspondencia.pptx
Menù Correspondencia.pptxAndresCabello8
 
Operadores de comparación.pptx
Operadores de comparación.pptxOperadores de comparación.pptx
Operadores de comparación.pptxAndresCabello8
 
dokumen.tips_algebra-de-boole-558490dba7ab7.pptx
dokumen.tips_algebra-de-boole-558490dba7ab7.pptxdokumen.tips_algebra-de-boole-558490dba7ab7.pptx
dokumen.tips_algebra-de-boole-558490dba7ab7.pptxAndresCabello8
 
Fotorresistencia_ldr.pptx
Fotorresistencia_ldr.pptxFotorresistencia_ldr.pptx
Fotorresistencia_ldr.pptxAndresCabello8
 
Operadores de comparación.pdf
Operadores de comparación.pdfOperadores de comparación.pdf
Operadores de comparación.pdfAndresCabello8
 
Conversión decimal a binaria.pptx
Conversión decimal a binaria.pptxConversión decimal a binaria.pptx
Conversión decimal a binaria.pptxAndresCabello8
 
Conversión binarion a hexadecimal.pdf
Conversión binarion a hexadecimal.pdfConversión binarion a hexadecimal.pdf
Conversión binarion a hexadecimal.pdfAndresCabello8
 

Más de AndresCabello8 (9)

Menù Correspondencia.pptx
Menù Correspondencia.pptxMenù Correspondencia.pptx
Menù Correspondencia.pptx
 
Operadores de comparación.pptx
Operadores de comparación.pptxOperadores de comparación.pptx
Operadores de comparación.pptx
 
Servidor web.pptx
Servidor web.pptxServidor web.pptx
Servidor web.pptx
 
dokumen.tips_algebra-de-boole-558490dba7ab7.pptx
dokumen.tips_algebra-de-boole-558490dba7ab7.pptxdokumen.tips_algebra-de-boole-558490dba7ab7.pptx
dokumen.tips_algebra-de-boole-558490dba7ab7.pptx
 
Fotorresistencia_ldr.pptx
Fotorresistencia_ldr.pptxFotorresistencia_ldr.pptx
Fotorresistencia_ldr.pptx
 
Operadores de comparación.pdf
Operadores de comparación.pdfOperadores de comparación.pdf
Operadores de comparación.pdf
 
Conversión decimal a binaria.pptx
Conversión decimal a binaria.pptxConversión decimal a binaria.pptx
Conversión decimal a binaria.pptx
 
Tabla de datos.pptx
Tabla de datos.pptxTabla de datos.pptx
Tabla de datos.pptx
 
Conversión binarion a hexadecimal.pdf
Conversión binarion a hexadecimal.pdfConversión binarion a hexadecimal.pdf
Conversión binarion a hexadecimal.pdf
 

Último

Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxCiberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxcorreafrancoci00
 
Tipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfTipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfCarlosSanchez452245
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfUPSE
 
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...juanforero141
 
Modelado de Casos de uso del negocio
Modelado de  Casos  de  uso  del negocioModelado de  Casos  de  uso  del negocio
Modelado de Casos de uso del negocioMagemyl Egana
 
Especificación casos de uso del negocio
Especificación  casos de uso del negocioEspecificación  casos de uso del negocio
Especificación casos de uso del negocioMagemyl Egana
 
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptxCIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptxalzabenjaminci00
 
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxUPSE
 
El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)Samuel Solís Fuentes
 

Último (9)

Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxCiberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
 
Tipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfTipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdf
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
 
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
 
Modelado de Casos de uso del negocio
Modelado de  Casos  de  uso  del negocioModelado de  Casos  de  uso  del negocio
Modelado de Casos de uso del negocio
 
Especificación casos de uso del negocio
Especificación  casos de uso del negocioEspecificación  casos de uso del negocio
Especificación casos de uso del negocio
 
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptxCIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
 
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
 
El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)
 

insertarvideoysonidoenhtml-171016193052.pdf

  • 2. ATRIBUTOS DE LA ETIQUETA <VIDEO> (COPIAR EN CUADERNO) autoplay Especifica si el vídeo comenzará a ejecutarse tan pronto como esté listo. controls Especifica si los controles (inicio/paro) se deben mostrar. height Especifica la altura del reproductor de vídeo. loop Especifica si el vídeo debe comenzar de nuevo una vez haya terminado. muted Especifica si el audio del vídeo debe estar apagado. poster Especifica una imagen para ser mostrada mientras el vídeo se carga y hasta que el usuario pulse el botón de inicio. preload Especifica cómo se debe cargar el vídeo cuando se cargue la página. src Especifica la URL del origen del vídeo. width Especifica la anchura del reproductor de vídeo.
  • 3. Debido a las inconsistencias entre distintos navegadores, antes había que usar las etiquetas <object> (que formaba parte de la recomendación oficial de HTML) y <embed> (que no formaba parte de la recomendación oficial). Ello obligaba al desarrollador web a escribir código de este estilo para lograr la máxima compatibilidad con diferentes navegadores
  • 8. COPIAR EN EL CUADERNO
  • 10. CREA UNA PÁGINA WEB DEL TEMA DE TU ELECCIÓN DE FORMA CREATIVA EN DONDE INTEGRES TODOS LOS CONTENIDOS VISTOS