Insertar vídeos MP4 en Blogger

Cómo insertar vídeos MP4 con carga diferida (Lazy Load) en NichoClean v2.0

Además de YouTube y Vimeo, la plantilla NichoClean v2.0 también soporta vídeos en formato MP4 con carga diferida. Esto es ideal si quieres mostrar vídeos propios o alojados en tu servidor, sin depender de plataformas externas.

Ventajas de usar MP4 con Lazy Load

  • Control total sobre tus vídeos: no dependes de YouTube ni Vimeo.
  • Soporte para miniatura personalizada gracias al atributo data-poster.
  • Optimización para móviles con play/pause táctil incluido en el script.
  • El reproductor solo se carga cuando el usuario hace clic → mejor velocidad y SEO.

Código base para MP4

Para insertar un vídeo MP4, usa este bloque:

<div class="media-player" 
     data-type="mp4" 
     data-src="https://tuservidor.com/videos/video.mp4" 
     data-poster="https://tuservidor.com/videos/poster.jpg">
</div>

Explicación de los atributos

  • data-type="mp4": le dice al script que se trata de un vídeo en formato MP4.
  • data-src="...": la URL donde está alojado tu archivo de vídeo.
  • data-poster="...": (opcional) la imagen que servirá como miniatura antes de reproducir.

Ejemplo práctico

Si tienes un vídeo en https://misitio.com/videos/tutorial.mp4 y quieres que tenga una miniatura, el código sería:

<div class="media-player" 
     data-type="mp4" 
     data-src="https://misitio.com/videos/tutorial.mp4" 
     data-poster="https://misitio.com/videos/miniatura.jpg">
</div>

Recomendaciones importantes

  • Optimiza el peso del vídeo MP4 para que no afecte el rendimiento.
  • Usa un poster ligero (miniatura en JPG o WebP) para mejorar la carga inicial.
  • Este sistema soporta pausa/reproducción con un toque en móviles.

Con la plantilla NichoClean v2.0 puedes insertar fácilmente vídeos MP4 con carga diferida. Solo debes cambiar las etiquetas data-src y data-poster, y tendrás un reproductor ligero, moderno y optimizado para tu blog.

La clave está en ofrecer contenido visual sin sacrificar la velocidad ni la experiencia del usuario. ¡Haz la prueba con tus vídeos MP4!