HTML5

Si tienes un video html5 con autoplay y no se reproduce automáticamente en dispositivos iOS táctiles (iphone / ipad) comprueba que tenga los siguientes 3 atributos autoplay, muted y playsinline, ejemplo: <video width="320" height="240" autoplay muted playsinline> <source src="tu-video.mp4" type="video/mp4"> […]

Leer más...

Sino consigues que se reproduzca automáticamente algún video de html5 que tenga atributo «autoplay» con Google Chrome en android, ios en safari… es porque por defecto esta deshabilitada la reproducción automática de los videos html5 en dispositivos móviles por diversos motivos… […]

Leer más...

CSS: if data-atributo

Si utilizais en html5 los data attributes y quereis jugar desde css en función del valor de un determinado data-atributo a continuación unos ejemplos: Un html y css de ejemplo para que veáis el resultado: <div class="elemento" data-comentarios="56"></div> <div class="elemento" […]

Leer más...

Existen 2 etiquetas en HTML5 (creadas desde HTML 4.01) que tienen la propiedad de dar estos 2 formatos de texto: Tachado: etiqueta <del> Subrayado: etiqueta <ins> Un ejemplo de uso: Antes que <del>Castilla</del> leyes, tuvo <ins>León</ins> 24 reyes Resultado: Antes […]

Leer más...

Si vuestra web esta montada en HTML5, y tenéis el problema de que el «coñazo» de Internet explorer 8 o inferiores no lo soportan, entonces os va a gustar el siguiente script que se encarga de interpretar las nuevas etiquetas […]

Leer más...

CSS: Reset html5

Hace un tiempo mostre un método de resetear el css, hoy os pongo una hoja de estilos que podemos utilizar para resetear todos los valores CSS de un archivo html5: [cc lang=»css»] body, div, dl, dt, dd, ul, ol, li, […]

Leer más...

Como HTML5 introduce soporte de audio, ya no hay necesidad de usar peliculas Flash para reproducir audio en nuestras páginas web. El elemento «audio» de HTML5 te permite reproducir archivos de audio en la web. Pero hay un problema, actualmente […]

Leer más...

JW Player es un reproductor de video con soporte para HTML5. Esta basado en jQuery y una de sus mejores característicvas es que funciona perfectamente con los navegadores que actualmente no soportan HTML5 ya que al detectar un navegador no […]

Leer más...