Luo reagoivat upotuskoodit helposti tämän ilmaisen sovelluksen avulla
Jokainen web-suunnittelija tietää miten upottaa videoita. Upottaminen on helpoin tapa jakaa sisältöä ja parantaa artikkeleita asiaankuuluvilla medioilla.
Ongelma on iframe-ohjelmien ja muiden vastaavien videoiden upotusten kanssa: reagoivien ratkaisujen puute. Jokainen nykyaikainen sivusto on täysin reagoiva ja kiinteä video voi todella rikkoa tämän virtauksen matkapuhelimessa.
Voit torjua tämän ongelman yrittämällä Embedresponsively.com. Tämä ilmainen web-sovellus automaattisesti synnyttää upotuskoodeja monenlaisia mediasivustoja ja jopa tukee oletusarvoisia iframe-elementtejä.
Oletusarvoisesti voit valita joukosta multimedia-sivustoja jotka tukevat alkuperäisiä upotuksia:
- YouTube
- Vimeo
- DailyMotion
- Viserrys
- Google Kartat
- Soundcloudissa
- Scribd
Sinun ei tarvitse tallentaa kaikkia näitä upotuskoodeja tai sotkeutua upotettujen widgetiensä kanssa. Vain kopioi upotettavan kohteen URL-osoite ja liitä se web-sovellukseen.
Kun napsautat “Upottaa” -painiketta saat esikatselun että sinä voit testata selaimessasi kokoa, nähdä, miten video mukautuu. Esikatseluruudun alla on koodilohko, jonka voit kopioi / liitä ja käytä upotusta sivustoosi.
Tämä on yksi yksinkertaisimmista ratkaisuista reagoivaan upotukseen. Tavoitteena on pidä video joustavana säilyttäen kuvasuhteen-ei ole helppo tehtävä.
CSS-Tricksissä on hieno pala toisella ratkaisulla, joka perustuu enemmän luokkiin ja konttielementtiin. Mutta jos sinä älä halua aina muistaa lisäämällä kyseistä konttia saatat mieluummin käyttää Embedresponsively.com-sivustoa.
Tutustu sivustoon ja anna sille kuva. Jos et mielessä työskentelee pitempien koodinpätkien kanssa tämä on varmasti erinomainen ratkaisu mihin tahansa reagoivaan asetteluun.
Voit myös löytää koko lähdekoodin ilmaiseksi GitHubissa, jos haluat lisää tuki upotettaville medioille.
