Incorporare contenuti Web come i video di YouTube èabbastanza 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 fotogramma 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, ridimensionando se stesso in base alle dimensioni dello schermo.
Va da sé che se si desidera ilcodice di incorporazione reattivo per funzionare come pubblicizzato sul tuo sito Web, il sito Web stesso deve avere un design reattivo per iniziare, o non ha senso utilizzare il codice di incorporamento reattivo. 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 modifichi la dimensione della finestra. Fa anche attenzione a non aderire ai bordi della finestra, lasciando l'imbottitura su entrambi i lati.
Potrebbe sorprendere alcuni apprendere che l'incorporamentoil codice di siti Web come YouTube e Google Maps non risponde, specialmente quando servizi come Twitter e SoundCloud forniscono agli utenti un codice di incorporamento reattivo per impostazione predefinita. Incorpora responsivamente ti aiuta anche a trovare altri servizi che lo fanno, nella scheda "Altro".
Visita Incorpora responsivamente
[tramite The Next Web]
Commenti