Létrehozása érzékeny beágyazó kódok könnyen ezzel az ingyenes alkalmazás
Minden webdesigner tudja hogyan lehet beágyazni a videókat. A beágyazás a legegyszerűbb módja annak, hogy megosszák a tartalmat és javítsák a cikkeket a megfelelő médiával.
Azonban az iframes és más hasonló videó beágyazásokkal kapcsolatos probléma: a az érzékeny megoldások hiánya. Minden modern helyszín teljes mértékben reagál, és egy rögzített videó valóban megszakíthatja ezt az áramlást a mobilon.
A probléma megoldásához próbálja meg Embedresponsively.com. Ez az ingyenes webes alkalmazás automatikusan generálja a beágyazási kódokat a média oldalak széles skálájára és még egyaránt támogatja az alapértelmezett iframe elemeket.
Alapértelmezés szerint válasszon egy pár multimédiás webhely közül a natív embedeket támogató:
- Youtube
- Vimeo
- DailyMotion
- Google térkép
- Soundcloudon
- Scribd
Nem kell ezeket a beágyazási kódokat elmenteni, vagy a beágyazott widgetekkel megfertőzni. Éppen másolja be a beágyazni kívánt elem URL-jét és illessze be a webes alkalmazásba.
Miután rákattint a “Beágyaz” gomb, akkor előnézetet kap amit tudsz tesztelje a böngészőben az átméretezést, hogy megnézze, hogyan alkalmazkodik a videó. Az előnézeti ablaktábla alatt egy olyan kódblokk található, amelyet megtehet másolja / illessze be és használja be a webhelyére.
Ez az egyik legegyszerűbb megoldás a beágyazott problémára. A cél az, hogy tartsa a videót rugalmasan, miközben megtartja a képarányt-nem könnyű feladat.
Van egy nagyszerű darab a CSS-trükkökkel egy másik megoldással, amely inkább az osztályokra és egy konténerelemre támaszkodik. De ha te nem akarod mindig emlékezni arra, hogy hozzáadod a tartályt előnyben részesítheti az Embedresponsively.com webhelyet.
Vegyünk egy pillantást a helyszínre és lássuk el. Ha nem bánja hosszabb kódrészletekkel dolgozik ez minden bizonnyal nagyszerű megoldás minden érzékeny elrendezésre.
A teljes forráskódot ingyenesen megtalálhatja a GitHub-on, ha szeretné támogasson több beágyazható adathordozót.
