<p style="text-align: justify;">Insérer des contenus Web tels que les vidéos YouTube est assez facile car il suffit juste de copier et coller le code que le service vous donne. Cependant, si vous collez le script sur un site adaptatif (responsive), la vidéo ne se redimensionne pas parce que le code n&rsquo;est pas adaptatif. C&rsquo;est le même constat avec le code de Google Maps, Vimeo, et Instagram. Si vous savez comment faire, vous pouvez toujours modifier le code vous-même pour lui permettre de s&rsquo;adapter à l&rsquo;écran de l&rsquo;appareil; mais une manière beaucoup plus rapide et plus facile de le faire est d&rsquo;utiliser <a href="http://embedresponsively.com/" target="_blank"><strong>Embed Responsively</strong></a>. Il s&rsquo;agit d&rsquo;une application web qui fournit des codes adaptatifs du contenu des services tels que YouTube, Vimeo, Google Maps, et Instagram à insérer dans des pages web.</p>
<p style="text-align: justify;"><em>Embed Responsively</em> est assez simple à utiliser. Vous devrez d&rsquo;abord trouver ce que vous voulez intégrer. Ça peut être un lieu sur Google Maps, une vidéo sur YouTube ou Vimeo, une photo ou une courte vidéo sur Instagram. Vous n&rsquo;avez pas besoin de copier le code d&rsquo;insertion du service, il suffit de copier l&rsquo;URL de la page. Ensuite, vous allez sur <em>Embed Responsively</em> et vous sélectionnez le même service que celui sur lequel vous avez copié l&rsquo;URL. <strong>Ex</strong>: Si vous avez copié l&rsquo;adresse de la page web d&rsquo;une vidéo sur Youtube, vous allez sur Embed Responsively et vous choisissez Youtube et vous collez l&rsquo;URL.</p>
<p style="text-align: justify;"><a href="https://www.tech-connect.info/wp-content/uploads/embed-responsively.png"><img class="aligncenter size-full wp-image-2663" alt="Rendre le code YouTube, Instagram, Google Maps et Vimeo responsive" src="https://www.tech-connect.info/wp-content/uploads/embed-responsively.png" width="657" height="341" /></a></p>
<p style="text-align: justify;">Coller l&rsquo;URL que vous avez copiée puis cliquez sur le bouton &lsquo;<em>Code d&rsquo;insertion</em>&lsquo; ou &lsquo;<em>Embed</em>&lsquo;. Vous verrez un aperçu de la vidéo, carte, ou image que vous voulez intégrer et son code d&rsquo;insertion responsive sera en dessous. Maintenant, tout ce que vous avez à faire est de coller le code d&rsquo;insertion sur votre site web comme vous le feriez avec n&rsquo;importe quel autre code d&rsquo;insertion généré automatiquement. Maintenant le contenu va s&rsquo;afficher en se redimensionnant en fonction de la taille de l&rsquo;écran.</p>
<p style="text-align: justify;"><a href="https://www.tech-connect.info/wp-content/uploads/vidéo-youtube-responsive.png"><img class="aligncenter size-full wp-image-2664" alt="Rendre le code YouTube, Instagram, Google Maps et Vimeo responsive" src="https://www.tech-connect.info/wp-content/uploads/vidéo-youtube-responsive.png" width="440" height="947" /></a></p>
<p style="text-align: justify;">Ce code doit bien sûr être utilisé sur un site qui doit être adaptatif (responsive) sinon ce code sera inutile. C&rsquo;est votre site qui détecte un changement dans la taille de l&rsquo;écran et s&rsquo;adapte pour s&rsquo;afficher correctement. Vous pouvez tester le code sur le site en copiant le lien de la page et ensuite en le collant dans votre navigateur. Puis vous devez redimensionner la fenêtre de votre navigateur et réactualiser la page. Vous verrez que l&rsquo;aperçu qui est généré se redimensionne lorsque vous modifiez la taille de la fenêtre.</p>
<div class='amazon-auto-links'>
<div class="amazon-products-container-list amazon-unit-6132 unit-type-category" style="">
<div class="amazon-product-container">
<div class="amazon-auto-links-product">
<div class="amazon-auto-links-product-image">
<div class='amazon-product-thumbnail-container' data-href='https://www.amazon.fr/Apple-iPhone-64Go-Minuit-Reconditionn%C3%A9/dp/B0BGFNF6W7/ref=zg_bs_g_amazon-renewed_d_sccl_16/260-6884855-3601852?psc=1&#038;tag=techconne0307-21' data-large-src='https://images-eu.ssl-images-amazon.com/images/I/61TOWf11+jL._AC_UL500_SR500,500_.jpg'>
<div class="amazon-product-thumbnail" style="max-width:160px;max-height:160px;width:160px">
 <a href="https://www.amazon.fr/Apple-iPhone-64Go-Minuit-Reconditionn%C3%A9/dp/B0BGFNF6W7/ref=zg_bs_g_amazon-renewed_d_sccl_16/260-6884855-3601852?psc=1&#038;tag=techconne0307-21" title="Apple iPhone SE 3e Génération, 64 Go, Minuit (Reconditionné): " rel="nofollow noopener" target="_blank"><br />
 <img src="https://images-eu.ssl-images-amazon.com/images/I/61TOWf11+jL._AC_UL160_SR160,160_.jpg" alt="" style="max-height:160px" /><br />
 </a>
</div>
</div></div>
<div class="amazon-auto-links-product-body">
<h5 class="amazon-product-title">
<a href="https://www.amazon.fr/Apple-iPhone-64Go-Minuit-Reconditionn%C3%A9/dp/B0BGFNF6W7/ref=zg_bs_g_amazon-renewed_d_sccl_16/260-6884855-3601852?psc=1&#038;tag=techconne0307-21" title="Apple iPhone SE 3e Génération, 64 Go, Minuit (Reconditionné): " rel="nofollow noopener" target="_blank">Apple iPhone SE 3e Génération, 64 Go, Minuit (Reconditionné)</a><br />
</h5>
<div class='amazon-customer-rating-stars'>
<div class='crIFrameNumCustReviews' data-rating='40' data-review-count='405728' data-review-url='https://www.amazon.fr/product-reviews/B0BGFNF6W7?tag=techconne0307-21'><span class='crAvgStars'><span class='review-stars'><a href='https://www.amazon.fr/product-reviews/B0BGFNF6W7?tag=techconne0307-21' target='_blank' rel='nofollow noopener'><svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 160 32' enable-background='new 0 0 160 32'><title>4.0 out of 5 stars</title><use xlink:href='#amazon-rating-stars' fill='url(#star-fill-gradient-40)' /><image src='https://images-na.ssl-images-amazon.com/images/G/01/x-locale/common/customer-reviews/stars-4-0.gif' /></svg></a></span><span class='review-count'>(<a href='https://www.amazon.fr/product-reviews/B0BGFNF6W7?tag=techconne0307-21' target='_blank' rel='nofollow noopener'>405728</a>)</span></span></div>
</div>
<p> <span class='amazon-prices'><span class='offered-price'>196,00 €</span></span> <span class='amazon-product-updated-time' data-updated-timestamp='1756508913' data-updated-time='29 août 2025 23:08 GMT +00:00'></span> <span class='pricing-disclaimer'>(as of 29 août 2025 23:08 GMT +00:00 &#8211; <a href='https://www.tech-connect.info/astuces/rendre-code-youtube-instagram-google-maps-vimeo-responsive/2662/' target='_blank' class='amazon-disclaimer-tooltip'>Plus d’infos<span class='amazon-disclaimer-tooltip-content'><span class='amazon-disclaimer-tooltip-content-text'>Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.</span></span></a>)</span></p></div>
</div></div>
<div class="amazon-product-container">
<div class="amazon-auto-links-product">
<div class="amazon-auto-links-product-image">
<div class='amazon-product-thumbnail-container' data-href='https://www.amazon.fr/HP-Cartouche-dEncre-Authentique-F6U66AE/dp/B00VYAWIRS/ref=zg_bs_g_computers_d_sccl_10/260-6884855-3601852?psc=1&#038;tag=techconne0307-21' data-large-src='https://images-eu.ssl-images-amazon.com/images/I/71Kqw+e7KxL._AC_UL500_SR500,500_.jpg'>
<div class="amazon-product-thumbnail" style="max-width:160px;max-height:160px;width:160px">
 <a href="https://www.amazon.fr/HP-Cartouche-dEncre-Authentique-F6U66AE/dp/B00VYAWIRS/ref=zg_bs_g_computers_d_sccl_10/260-6884855-3601852?psc=1&#038;tag=techconne0307-21" title="HP 302 Cartouche d&#039;Encre Noire Authentique (F6U66AE) Standard: " rel="nofollow noopener" target="_blank"><br />
 <img src="https://images-eu.ssl-images-amazon.com/images/I/71Kqw+e7KxL._AC_UL160_SR160,160_.jpg" alt="" style="max-height:160px" /><br />
 </a>
</div>
</div></div>
<div class="amazon-auto-links-product-body">
<h5 class="amazon-product-title">
<a href="https://www.amazon.fr/HP-Cartouche-dEncre-Authentique-F6U66AE/dp/B00VYAWIRS/ref=zg_bs_g_computers_d_sccl_10/260-6884855-3601852?psc=1&#038;tag=techconne0307-21" title="HP 302 Cartouche d'Encre Noire Authentique (F6U66AE) Standard: " rel="nofollow noopener" target="_blank">HP 302 Cartouche d&rsquo;Encre Noire Authentique (F6U66AE) Standard</a><br />
</h5>
<div class='amazon-customer-rating-stars'>
<div class='crIFrameNumCustReviews' data-rating='46' data-review-count='46585536' data-review-url='https://www.amazon.fr/product-reviews/B00VYAWIRS?tag=techconne0307-21'><span class='crAvgStars'><span class='review-stars'><a href='https://www.amazon.fr/product-reviews/B00VYAWIRS?tag=techconne0307-21' target='_blank' rel='nofollow noopener'><svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 160 32' enable-background='new 0 0 160 32'><title>4.6 out of 5 stars</title><use xlink:href='#amazon-rating-stars' fill='url(#star-fill-gradient-46)' /><image src='https://images-na.ssl-images-amazon.com/images/G/01/x-locale/common/customer-reviews/stars-4-5.gif' /></svg></a></span><span class='review-count'>(<a href='https://www.amazon.fr/product-reviews/B00VYAWIRS?tag=techconne0307-21' target='_blank' rel='nofollow noopener'>46585536</a>)</span></span></div>
</div>
<p> <span class='amazon-prices'><span class='offered-price'>19,39 €</span></span> <span class='amazon-product-updated-time' data-updated-timestamp='1756508909' data-updated-time='29 août 2025 23:08 GMT +00:00'></span> <span class='pricing-disclaimer'>(as of 29 août 2025 23:08 GMT +00:00 &#8211; <a href='https://www.tech-connect.info/astuces/rendre-code-youtube-instagram-google-maps-vimeo-responsive/2662/' target='_blank' class='amazon-disclaimer-tooltip'>Plus d’infos<span class='amazon-disclaimer-tooltip-content'><span class='amazon-disclaimer-tooltip-content-text'>Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.</span></span></a>)</span></p></div>
</div></div>
</div>
<p><!-- BLOCKED_BY_CAPTCHA: Blocked by captcha. URL: https://www.amazon.fr/gp/bestsellers/videogames/ Cache: AAL_34eb8aa5593bda4fde3d28806606430f, BLOCKED_BY_CAPTCHA: Blocked by captcha. URL: https://www.amazon.fr/gp/bestsellers/software/ Cache: AAL_a604ae0d41af59515cd7d9cfdedec59d, BLOCKED_BY_CAPTCHA: Blocked by captcha. URL: https://www.amazon.fr/gp/top-rated/amazon-devices/ Cache: AAL_ff7460bc47da13c9eb0afea3be895851 --><!-- Rendered with Auto Amazon Links by miunosoft --></div>

Le suicide d'Adam Raine : une tragédie soulève la question de la responsabilité des intelligences…
Les ordinateurs ont profondément influencé nos vies depuis plusieurs décennies. Passant d’outils réservés aux experts…
Après quatre décennies de combat acharné contre le VIH, une percée monumentale se profile à…