Generera Responsive Embed Codes enkelt med denna gratis app
Varje webbdesigner vet hur man bäddar in video. Inbäddning är det enklaste sättet att dela innehåll och förbättra dina artiklar med relevanta media.
Det finns emellertid ett problem med iframes och andra liknande videoinrättningar: brist på responsiva lösningar. Varje modern webbplats är fullt lyhörd och ett fast video kan verkligen bryta det flödet på mobilen.
För att motverka detta problem, försök Embedresponsively.com. Denna gratis webbapp automatiskt genererar inbyggda koder för ett brett utbud av media webbplatser och jämn stöder standard iframe-element.
Som standard kan du välj från en handfull multimedia webbplatser som stöder inhemska inrättningar:
- Youtube
- Vimeo
- Dailymotion
- Google kartor
- Soundcloud
- Scribd
Du behöver inte memorera alla dessa inbädda koder eller röra med sina inbäddade widgets. Bara kopiera webbadressen till det objekt du vill bädda in och klistra in det i webben.
När du klickar på “Bädda in” knapp, du ska få en förhandsvisning att du kan test i din webbläsare genom att ändra storlek, för att se hur videon anpassar sig. Under förhandsgranskningsfönstret hittar du ett block av kod som du kan kopiera / klistra in och använda för att bädda in på din webbplats.
Detta är en av de enklaste lösningarna på det svarsfyllda problemet. Målet är att Håll videon flexibel samtidigt som bildskärmsförhållandet bibehålls-inte en lätt uppgift.
Det finns en bra bit på CSS-Tricks med en annan lösning som bygger mer på klasser och ett behållarelement. Men om du vill inte alltid komma ihåg att lägga till den behållaren du kanske föredrar embedresponsively.com.
Ta en titt på webbplatsen och ge det ett skott. Om du inte har något emot det jobbar med längre kodutdrag Det här är verkligen en bra lösning för alla responsiva layouter.
Och du kan hitta fullständig källkod gratis på GitHub om du vill Lägg till support för fler inbyggda media.
