Hanki reagoivia upotuskoodeja YouTubeen, Instagramiin, Google Mapsiin ja Vimeoon

Verkkosisällön, kuten YouTube-videoiden, upottaminen on melko helppoa, koska palvelu antaa sinulle upotuskoodin ja tarvitset vain liittää sen. Ongelmana on, että kun liität linkin verkkosivustoon, jonka malli on reagoiva, videokehyksen kokoa ei muuteta, koska upotuskoodi ei itse reagoi. Sama pätee Google Mapsin, Vimeon ja Instagramin upotuksiin. Jos tiedät miten, voit aina muokata koodia itse tehdäksesi siitä reagoivan, mutta paljon nopeampi ja helpompi tapa tehdä se on Upota reagoivasti. Se on verkkosovellus, joka on tarkoitettu tarjoamaan sinulle reagoivia upotuskoodeja sisältöön palveluissa, kuten YouTube, Vimeo, Google Maps ja Instagram.

Sulautuksen käyttäminen reagoivasti on riittävän yksinkertaista. Ensin on löydettävä upotettavat tiedot, olipa kyseessä sitten sijainti Google Mapsissa, video YouTubessa tai Vimeossa tai valokuva tai lyhyt video Instagramissa. Upotuskoodia ei tarvitse kopioida palvelun omasta ominaisuudesta; kopioi vain sen sivun URL-osoite. Siirry seuraavaksi Embed Responsively ja valitse sama palvelu käytettävissä olevista vaihtoehdoista.

Liitä palvelusta kopioima URL-osoite ja napsauta Upota-painiketta. Näet esikatselun upottamasta videosta, kartasta tai kuvasta ja sen alapuolella olevan reagoivan upotuskoodin. Nyt sinun tarvitsee vain liittää upotuskoodi verkkosivustollesi kuten minkä tahansa muun automaattisesti luodun upotuskoodin kanssa, ja se toimii reagoivasti, muuttaen itseään näytön koon mukaan.

On sanomattakin selvää, että jos haluat reagoivan upotuskoodin toimivan verkkosivustosi mainostaman mukaisesti, Itse verkkosivustolla on oltava aluksi reagoiva malli, tai muuten ei ole mitään hyötyä käyttää responsiivista upotusta koodi. Tämä johtuu siitä, että verkkosivustosi on havaittava näytön koon muutos. Voit testata koodin itse Embed Responsively -sivustolla liittämällä linkin ja muuttamalla sitten selainikkunan kokoa. Näet, että siellä luodun esikatselun koko muuttuu, kun muutat ikkunan kokoa. Lisäksi on huolehdittava siitä, etteivät kiinni ikkunan reunoihin, jättäen pehmityksen molemmille puolille.

Jotkut saattavat yllättää siitä, että upotuskoodi sellaisilta verkkosivustoilta kuten YouTube ja Google Maps ei ole reagoiva, etenkin kun palvelut, kuten Twitter ja SoundCloud, tarjoavat käyttäjille reagoivan upotuskoodin oletuksena. Embed Responsively auttaa sinua löytämään myös muita palveluita, jotka tekevät niin, Lisää-välilehdessä.

Käy Embed Responsively -sivustolla

[kautta Seuraava verkko]