Saate hõlpsasti SuperEmbed.js-iga lisada reageerivad videod

Kaasaegne veeb on täielikult reageeriv rohkem disainereid seda iga päev realiseerib. Aga tundlik disain on üks tüütu väljakutse: manustatud sisu.

Igal YouTube'i videolehel Vimeole on a vaikekoodi kindla suurusega. See tähendab, et arendajad peavad kasutama muid lahendusi luua täielikult reageerivaid videoid.

Kuid CSS-konteineri klassi kasutamise asemel saate seda kasutada SuperEmbed.js, tasuta JavaScript-raamatukogu reageerivate videote loomine.

See plugin lahendab kaks probleemi korraga. Kõik sisseehitatud videod saavad venitada, et täita põhikonteiner, samas ka piisavalt paindlik suuruse muutmine vastavalt brauseri aknale.

Parim osa on see, et SuperEmbed.js ei vaja lisakoodi, nii saate lihtsalt failid ja lase neil joosta. See JS raamatukogu hoolitseb ülejäänud eest sihitud elementide sihtimine teatud saitidest.

Kõik videod säilitada oma spetsiifilised kuvasuhted, nii et sa ei pea muretsevate mõõtmete pärast muretsema. Ja SuperEmbed töötab kui vanilli JS raamatukogu koos mingeid sõltuvusi nagu jQuery.

Just nüüd, SuperEmbed toetab 15+ videot sellistest saitidest nagu YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me ja Archive.org (paljude hulgas). See nimekiri on kasvab, nii ootame, et aja jooksul lisataks rohkem video voogedastusteenuseid.

Selle tööriista kasutamiseks peate lihtsalt tegema allalaadimine ja lisage see oma saidi päisesse meeldib nii:

Võite alla laadida a täielikult kopeerida GitHub repost, mis sisaldab ka spetsifikatsioone toetatud video saidid ja praegune brauseri tugi.

Enamasti, SuperEmbed toetab kõiki kaasaegseid brausereid Firefox 3.5+, Chrome 4+ ja Internet Explorer 9 või uuemate versioonide versioonid.

See on väga muljetavaldav raamatukogu, võttes arvesse kogu brauseri tuge ja seda hästi töötab otse karbist välja. See on palju lihtsam lahendus kui CSS-i häkkimine, kui olete õigesti JavaScriptiga toetunud.

Leiad rohkem informatsiooni GitHubis ja näete seda otseülekanne selles viiulis.