Ottieni codici di incorporazione reattivi per YouTube, Instagram, Google Maps e Vimeo

Incorporare contenuti Web come i video di YouTube è piuttosto semplice, poiché il servizio ti fornisce il codice di incorporamento e devi solo incollarlo. Il problema è che se stai incollando il link in un sito Web con un design reattivo, il frame video non verrà ridimensionato perché il codice di incorporamento stesso non risponde. Lo stesso vale per gli incorporamenti di Google Maps, Vimeo e Instagram. Se sai come, puoi sempre modificare tu stesso il codice per renderlo reattivo, ma un modo molto più veloce e più facile da fare è usare Incorpora responsivamente. È un'app Web dedicata a fornire codici di incorporamento reattivi per contenuti su servizi come YouTube, Vimeo, Google Maps e Instagram.

L'uso di Embed Responsively è abbastanza semplice. Dovrai prima trovare ciò che stai incorporando, che si tratti di una posizione su Google Maps, un video su YouTube o Vimeo o una foto o un breve video su Instagram. Non è necessario copiare il codice di incorporamento dalla funzione del servizio; è sufficiente copiare l'URL per la sua pagina. Successivamente, visita Incorpora responsivamente e seleziona lo stesso servizio lì tra le opzioni disponibili.

Incolla l'URL che hai copiato dal servizio e fai clic sul pulsante "Incorpora". Vedrai un'anteprima del video, della mappa o dell'immagine che stai incorporando e il relativo codice di incorporamento reattivo sotto di esso. Ora tutto ciò che devi fare è incollare il codice di incorporamento sul tuo sito web come faresti con qualsiasi altro codice di incorporamento generato automaticamente, e funzionerà in modo reattivo, ridimensionandosi secondo le dimensioni dello schermo.

Inutile dire che se si desidera che il codice di incorporamento reattivo funzioni come pubblicizzato sul proprio sito Web, il il sito Web stesso deve avere un design reattivo per cominciare, o non ci sarà alcun senso nell'uso dell'embed responsive codice. Questo perché è il tuo sito web che deve rilevare un cambiamento nelle dimensioni dello schermo. Puoi testare il codice sul sito Web Embed Responsively stesso incollando un link e quindi ridimensionando la finestra del browser. Vedrai che l'anteprima che viene generata lì viene ridimensionata quando cambi le dimensioni della finestra. Fa anche attenzione a non aderire ai bordi della finestra, lasciando l'imbottitura su entrambi i lati.

Potrebbe sorprendere alcuni apprendere che il codice di incorporamento da siti Web come YouTube e Google Maps non lo è reattivo, soprattutto quando servizi come Twitter e SoundCloud forniscono agli utenti un codice di incorporamento reattivo predefinito. Incorpora responsivamente ti aiuta anche a trovare altri servizi che lo fanno, nella scheda "Altro".

Visita Incorpora responsivamente

[attraverso Il prossimo web]