SlideShare una empresa de Scribd logo
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

PPT
Tutorial format factory
PPTX
Importación de videos a flash desde el formato
PPT
Tutorial Movie Maker
DOCX
Como editar videos con filmora
DOCX
Resumen del video filmora
DOCX
Como editar videos con filmora
DOCX
Pasos para hacer video en movie maker
PPTX
Edición de vídeo con openshot
Tutorial format factory
Importación de videos a flash desde el formato
Tutorial Movie Maker
Como editar videos con filmora
Resumen del video filmora
Como editar videos con filmora
Pasos para hacer video en movie maker
Edición de vídeo con openshot

La actualidad más candente (18)

PPTX
Movie maker 3
PPTX
Portada
DOCX
Trabajo de computacion
PPT
Tutorial movie maker
PDF
Openshot 5 pasos
PPTX
Movie maker
PDF
PPT
Animoto para-el-blog-091115182547-phpapp01
PPTX
Manual básico de Audacity
DOC
Tp2 maca f
PDF
Tutorial de descarga y transformacion de videos
PPTX
Manual operativo de windows movie maker
PPTX
Windows Live Movie Maker
PPTX
Atube catcher
PPT
Youtube editor
PPTX
DIAPOSITIVAS DE MOVIE MAKER
PDF
Tutorial animoto
PPT
Tutorial movie-maker
Movie maker 3
Portada
Trabajo de computacion
Tutorial movie maker
Openshot 5 pasos
Movie maker
Animoto para-el-blog-091115182547-phpapp01
Manual básico de Audacity
Tp2 maca f
Tutorial de descarga y transformacion de videos
Manual operativo de windows movie maker
Windows Live Movie Maker
Atube catcher
Youtube editor
DIAPOSITIVAS DE MOVIE MAKER
Tutorial animoto
Tutorial movie-maker
Publicidad

Similar a Insertar video y sonido en html (20)

DOCX
4. video y audio html5
PPTX
Sonido y video en una pagina web
DOCX
INVESTIGACION SOBRE AUDIO, VIDEO Y HTML
PPTX
HTML5 IMG, videos y audio.pptx
PPTX
Movie maker[1]
PDF
PPTX
Manejo avanzado de audio y video en html5(1)
PPT
Video y Multimedia
DOCX
Etiquetas de audio html
PDF
HTML5 Audio & Vídeo
PPTX
HTML5. El objeto vídeo
DOCX
YOUTUBE Y SLIDESHARE
PPTX
Movie maker
DOCX
YOUTUBE Y SLIDESHARE
PPTX
Repaso curso compu
PPT
Presentación sobre movie maker.
PPT
Subir video a youtube con wmv.slide share
DOCX
Trabajo de computacion Que es embed
PPTX
Movie maker
PPTX
Edicion de videos
4. video y audio html5
Sonido y video en una pagina web
INVESTIGACION SOBRE AUDIO, VIDEO Y HTML
HTML5 IMG, videos y audio.pptx
Movie maker[1]
Manejo avanzado de audio y video en html5(1)
Video y Multimedia
Etiquetas de audio html
HTML5 Audio & Vídeo
HTML5. El objeto vídeo
YOUTUBE Y SLIDESHARE
Movie maker
YOUTUBE Y SLIDESHARE
Repaso curso compu
Presentación sobre movie maker.
Subir video a youtube con wmv.slide share
Trabajo de computacion Que es embed
Movie maker
Edicion de videos
Publicidad

Más de Inmaculada Concepción (20)

PPTX
Clase 1 bloque 3
PDF
Tablas Dinamicas Clase
PDF
Segunda praem sociales primero bto. 2019
PDF
Segunda praem lenguaje primero bto. 2019
PDF
Segunda praem ciencias primero bto. 2019
PDF
Segunda praem sociales segundo bto 2019
PDF
Segunda praem matematica segundo bto 2019
PDF
Segunda praem lenguaje segundo bto 2019
PDF
Segunda praem ciencias segundo bto 2019
PPTX
Modelo de caja en html 1
PDF
Capas en HTML
ODP
Enlaces externos e internos en una página web
DOCX
Laboratorio de informatica octavo grado
PPTX
Selectores avanzados
PPTX
Listas desplegables 2
PPTX
Listas desplegables en formularios
DOCX
Formularios en html
DOCX
Ejercicio de listas 1
DOCX
Ejercicios de html listas y titulos
DOCX
Primer ejercicio de html
Clase 1 bloque 3
Tablas Dinamicas Clase
Segunda praem sociales primero bto. 2019
Segunda praem lenguaje primero bto. 2019
Segunda praem ciencias primero bto. 2019
Segunda praem sociales segundo bto 2019
Segunda praem matematica segundo bto 2019
Segunda praem lenguaje segundo bto 2019
Segunda praem ciencias segundo bto 2019
Modelo de caja en html 1
Capas en HTML
Enlaces externos e internos en una página web
Laboratorio de informatica octavo grado
Selectores avanzados
Listas desplegables 2
Listas desplegables en formularios
Formularios en html
Ejercicio de listas 1
Ejercicios de html listas y titulos
Primer ejercicio de html

Último (20)

DOCX
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE_COM.pdf
PPTX
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
PDF
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
PPTX
T2 Desarrollo del SNC, envejecimiento y anatomia.pptx
PDF
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
DOC
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
PDF
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
Como usar el Cerebro en las Aulas SG2 NARCEA Ccesa007.pdf
PDF
EL aprendizaje adaptativo bajo STEM+H.pdf
PDF
Introducción a la historia de la filosofía
DOC
Manual de Convivencia 2025 actualizado a las normas vigentes
PDF
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
DOCX
Programa_Sintetico_Fase_4.docx 3° Y 4°..
PDF
La Formacion Universitaria en Nuevos Escenarios Ccesa007.pdf
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Modelo Educativo SUB 2023versión final.pdf
PDF
Los10 Mandamientos de la Actitud Mental Positiva Ccesa007.pdf
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE_COM.pdf
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
T2 Desarrollo del SNC, envejecimiento y anatomia.pptx
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
Tomo 1 de biologia gratis ultra plusenmas
Como usar el Cerebro en las Aulas SG2 NARCEA Ccesa007.pdf
EL aprendizaje adaptativo bajo STEM+H.pdf
Introducción a la historia de la filosofía
Manual de Convivencia 2025 actualizado a las normas vigentes
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
Programa_Sintetico_Fase_4.docx 3° Y 4°..
La Formacion Universitaria en Nuevos Escenarios Ccesa007.pdf
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Modelo Educativo SUB 2023versión final.pdf
Los10 Mandamientos de la Actitud Mental Positiva Ccesa007.pdf
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf

Insertar video y sonido en html

  • 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