Få Responsive Embed Codes til YouTube, Instagram, Google Maps og Vimeo

Få Responsive Embed Codes til YouTube, Instagram, Google Maps og Vimeo
Få Responsive Embed Codes til YouTube, Instagram, Google Maps og Vimeo
Anonim

Indlejring af webindhold som YouTube-videoer er ret nemt, da tjenesten giver dig den integrerede kode, og du skal kun indsætte den. Problemet er, hvis du indsætter linket på et websted, der har et lydhørt design, ændres videobilledet ikke, da selve embedkoden ikke er lydhør. Det samme gælder for tjenestegrene fra Google Maps, Vimeo og Instagram. Hvis du ved hvordan, kan du altid redigere koden selv for at gøre det lydhør, men en meget hurtigere og nemmere måde at gøre er ved at bruge Embed Responsively. Det er en webapp dedikeret til at give dig responsive embed-koder til indhold på tjenester som YouTube, Vimeo, Google Maps og Instagram.

Brug af Embed Responsively er simpel nok. Du skal først finde det, du er indlejret, enten det er en placering på Google Maps, en video på YouTube eller Vimeo, eller et foto eller en kort video på Instagram. Du behøver ikke kopiere embedkoden fra tjenesteens egen funktion; Du skal blot kopiere URL'en til siden. Dernæst besøg Embed Responsively og vælg den samme service der fra de tilgængelige muligheder.

Indsæt webadressen, som du kopierede fra tjenesten, og klik på knappen 'Embed'. Du vil se et eksempel på videoen, kortet eller det billede, du er integreret i, og dets lydhørede embed-kode under den. Nu skal du bare indsætte embedkoden på din hjemmeside, som du ville med en hvilken som helst anden automatisk genereret integreret kode, og det vil fungere responsivt og ændre størrelsen på skærmstørrelsen.
Indsæt webadressen, som du kopierede fra tjenesten, og klik på knappen 'Embed'. Du vil se et eksempel på videoen, kortet eller det billede, du er integreret i, og dets lydhørede embed-kode under den. Nu skal du bare indsætte embedkoden på din hjemmeside, som du ville med en hvilken som helst anden automatisk genereret integreret kode, og det vil fungere responsivt og ændre størrelsen på skærmstørrelsen.
Det siger sig selv, at hvis du vil have den lydhurtige embed kode til at fungere som annonceret på din hjemmeside, skal hjemmesiden selv have et responsivt design til at begynde med, eller der vil ikke være nogen mening i at anvende lydhør integreret kode. Dette skyldes, at det er dit websted, der skal registrere en ændring i skærmstørrelsen. Du kan teste koden ud på Embed Responsive hjemmesiden selv ved at indsætte et link og derefter ændre størrelsen på dit browservindue. Du får se, at det eksempel, der genereres der, ændres, når du ændrer vinduets størrelse. Det tager ligeledes ikke at holde fast i vinduets meget kanter og efterlade polstring på begge sider.
Det siger sig selv, at hvis du vil have den lydhurtige embed kode til at fungere som annonceret på din hjemmeside, skal hjemmesiden selv have et responsivt design til at begynde med, eller der vil ikke være nogen mening i at anvende lydhør integreret kode. Dette skyldes, at det er dit websted, der skal registrere en ændring i skærmstørrelsen. Du kan teste koden ud på Embed Responsive hjemmesiden selv ved at indsætte et link og derefter ændre størrelsen på dit browservindue. Du får se, at det eksempel, der genereres der, ændres, når du ændrer vinduets størrelse. Det tager ligeledes ikke at holde fast i vinduets meget kanter og efterlade polstring på begge sider.

Det kan måske overraske nogle at vide, at indlejringskoden fra websteder som YouTube og Google Maps ikke er lydhør, især når tjenester som Twitter og SoundCloud giver brugere en responsiv embed code som standard. Embed Responsively hjælper dig også med at finde andre tjenester, der gør det, under fanen 'Mere'.

Besøg Embed Responsively

[via næste webside]

Populært emne.