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!

Aún no hay comentarios, sé el primero en comentar.
Publicar un comentario