Amelioration de l'embed des videos : chargement asynchrone et affichage responsive
Lorsque oembed fournit une vignette d'aperçu : - au chargement de la page on a qu'un conteneur avec une image de background et un lien vers la video qui en reprend le titre - au clic sur la vignette on injecte l'iframe fourni par oembed en autoplay (sauf sur les iOS ou autoplay n'est pas possible et il faut cliquer 2 fois pour lire les videos) Par ailleurs les videos sont injectées dans un conteneur responsive qui permet à la vidéo de s'afficher dans la largeur maxi disponible et de ne pas déborder de la page sur les petits écrans. On utilise la technique du padding-bottom hack ou intrinsic ratios (http://alistapart.com/article/creating-intrinsic-ratios-for-video)
parent
7bf564ee
Veuillez vous inscrire ou vous se connecter pour commenter