Générer facilement des codes intégrés sensibles avec cette application gratuite
Chaque concepteur de sites Web sait comment intégrer des vidéos. L'intégration est le moyen le plus simple de partager du contenu et d'améliorer vos articles avec des médias pertinents..
Cependant, il existe un problème avec les iframes et autres vidéos similaires: le manque de solutions réactives. Chaque site moderne est entièrement réactif et une vidéo fixe peut vraiment briser ce flux sur mobile.
Pour contrer ce problème, essayez Embedresponsively.com. Cette application web gratuite génère automatiquement des codes intégrés pour un large éventail de sites de médias et même prend en charge les éléments iframe par défaut.
Par défaut, vous pouvez choisissez parmi une poignée de sites multimédia qui supporte les natifs:
- Youtube
- Vimeo
- DailyMotion
- Gazouillement
- Google Maps
- Soundcloud
- Scribd
Vous n'avez pas besoin de mémoriser tous ces codes d'intégration ni de les salir avec leurs widgets d'intégration. Juste copier l'URL de l'élément que vous souhaitez intégrer et collez-le dans l'application Web.
Une fois que vous cliquez sur le “Intégrer” bouton, tu vas obtenir un aperçu Que tu peux tester dans votre navigateur en redimensionnant, pour voir comment la vidéo s'adapte. Sous le volet de visualisation, vous trouverez un bloc de code que vous pouvez copier / coller et utiliser pour intégrer sur votre site.
C'est l'une des solutions les plus simples au problème d'intégration sensible. Le but est de garder la vidéo flexible tout en maintenant les proportions-pas une tâche facile.
CSS-Tricks propose une autre solution intéressante qui repose davantage sur des classes et un élément conteneur. Mais si tu ne veulent pas toujours me rappeler d'ajouter ce conteneur vous pourriez préférer Embedresponsively.com.
Jetez un coup d'œil sur le site et essayez-le. Si ça ne vous dérange pas travailler avec des extraits de code plus longs c'est certainement une excellente solution pour toute mise en page réactive.
Et, vous pouvez trouver le code source complet gratuitement sur GitHub si vous voulez ajouter un support pour plus de médias incorporables.
