Ustvari odziven Vdelaj kode preprosto s to brezplačno aplikacijo
Vsak spletni oblikovalec ve kako vdelati videoposnetke. Vdelava je najlažji način za izmenjavo vsebin in izboljšanje člankov z ustreznimi mediji.
Vendar pa obstaja težava z iframe in drugimi podobnimi vdelanimi videoposnetki: pomanjkanje odzivnih rešitev. Vsako moderno spletno mesto je popolnoma odzivno in fiksni videoposnetek lahko resnično prekine to pretok na mobilnem.
Da bi preprečili ta problem, poskusite Embedresponsively.com. Ta brezplačna spletna aplikacija samodejno generira kode za vdelavo za široko paleto medijskih strani in celo podpira privzete elemente iframe.
Privzeto lahko izbirate med peščico multimedijskih strani ki podpirajo izvirne vdelave:
- YouTube
- Vimeo
- DailyMotion
- Google zemljevidi
- Soundcloud
- Scribd
Ni vam treba zapomniti vseh teh vdelanih kod ali nered z njihovimi vdelanimi pripomočki. Samo kopirajte URL katerega koli elementa, ki ga želite vdelati in prilepite v spletno aplikacijo.
Ko kliknete “Vdelati” gumb, boste dobite predogled da lahko test v brskalniku s spreminjanjem velikosti, za prikaz prilagajanja videoposnetka. Pod oknom za predogled boste našli blok kode, ki jo lahko kopirajte / prilepite in uporabite za vdelavo na svoje spletno mesto.
To je ena najpreprostejših rešitev za odzivni problem. Cilj je, da poskrbite za prilagodljivost videoposnetka in hkrati ohranite razmerje med širino in širino-ni lahka naloga.
Na CSS-Trickih je odličen del z drugo rešitvijo, ki je bolj odvisna od razredov in elementa vsebnika. Ampak, če vi ne želim se vedno spominjati dodajanja vsebnika morda vam je bolj všeč Embedresponsively.com.
Pokukajte na spletno mesto in ga posnemite. Če vas ne moti delajo z daljšimi odrezki kode to je zagotovo odlična rešitev za vsako odzivno postavitev.
Če želite, lahko celotno izvorno kodo brezplačno najdete na spletnem mestu GitHub dodajte podporo za bolj vdelljive medije.
