¿Has visto en Facebook que cuando haces clic en un video desde el ordenador y continuas haciendo scroll el video se superpone en una esquina lateral y así puedes seguir viendo el video mientras navegas?
Pues bien, puedes lograr esto de una manera muy secilla utilizando un plugin sin la necesidad de saber nada de código.
El plugin que vamos a utilizar se llama ‘Lazy load videos and sticky control‘ es gratuito y lo encontrarás en el repositorio de WordPress.
La versión gratuita del plugin solo funciona con videos de Youtube pero el autor del plugin vende una versión PRO para videos en HTML5 y videos de Vimeo.
Características
Lazy load videos and sticky control mejora los tiempos de carga de la página ya que solo carga la imagen de vista previa de los videos de YouTube cuando el usuario haga scroll y aparezca el video en el viewport.
También proporciona la opción de fijar videos para hacer que tu video se pegue al lado (arriba/abajo/izquierda/derecha) de la ventana si el usuario hace scroll en el contenido.
No necesitas configurar nada, solo elegir la posición del video desde la ventana de ajustes del plugin. También tienes un editor para agregar CSS personalizado en caso de que necesites retocar la posición del video o darle un estilo personalizado.
Admite múltiples videos en una sola página. Reproduce solo un video a la vez, es decir, el video se pausará si reproduces otro video.
El video fijo se desplaza hacia abajo o hacia arriba si te alejas del video
¿Cómo funciona?
Agrega este shortcode a tu contenido con la ID del video de Youtube.
[lazy-load-videos-and-sticky-control id="Youtube-video-ID"]
Tienes que sustituir lo que hay entre las comillas por la ID del video. Ejemplo:
[lazy-load-videos-and-sticky-control id="uAWMvcyI_Ps"]
Desde los ajustes del plugin tienes un manual/guía donde te explica todo el proceso.
Nos vemos en el siguiente tutorial.
Un saludo.
Deja tus opiniones o dudas en los comentarios.