ccc

Mostrando entradas con la etiqueta HTML5 Multimedia. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML5 Multimedia. Mostrar todas las entradas

HTML5 Videos: borrar el icono de descarga en los vídeos

<style>
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); / Adjust as needed /
}
</style>

<video width="640" height="480" autoplay controls>
  <source src="xxx" type="video/mp4">
  <source src="xxx" type="video/ogg">
</video>

HTML5 Multimedia

Insertar un video:
<video width="400" height="200" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

Para que el vídeo sea autoplay:
<video width="320" height="240" autoplay>...</video>
Más información: http://www.w3schools.com/html/html5_video.asp
 
Insertar un audio:
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
 
Embeber elementos externas (imagenes, pdf, etc):
<object width="500" height="550" data="pepe.pdf"></object> 
<object width="400" height="50" data="bookmark.swf"></object> 
<object width="100%" height="500px" data="hola.html"></object>
<object data="mi_foto.jpg"></object>  
 
En el caso de vídeos de YouTube hay que hacerlo con iframe:
<iframe width="420" height="315"
src=
"http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Lista de parámetros para vídeos de YouTube: