Wygeneruj elastyczne kody HTML łatwo dzięki tej bezpłatnej aplikacji
Każdy projektant stron internetowych wie jak osadzać filmy. Osadzanie jest najłatwiejszym sposobem udostępniania treści i ulepszania artykułów za pomocą odpowiednich mediów.
Istnieje jednak problem z ramkami iframe i innymi podobnymi osadzeniami wideo: brak elastycznych rozwiązań. Każda nowoczesna strona jest w pełni responsywna, a naprawione wideo może naprawdę przerwać ten przepływ na urządzeniach mobilnych.
Aby rozwiązać ten problem, spróbuj Embedresponsively.com. Ta bezpłatna aplikacja internetowa automatycznie generuje kody osadzania dla szerokiej gamy witryn medialnych, a nawet obsługuje domyślne elementy iframe.
Domyślnie możesz wybierz z kilku witryn multimedialnych obsługa natywnych osadzeń:
- Youtube
- Vimeo
- DailyMotion
- Świergot
- mapy Google
- Soundcloud
- Scribd
Nie musisz zapamiętywać wszystkich tych kodów osadzania ani bałagan z ich widżetami osadzania. Właśnie skopiuj adres URL dowolnego elementu, który chcesz osadzić i wklej go do aplikacji internetowej.
Po kliknięciu “Osadzać” przycisk, będziesz uzyskać podgląd że możesz przetestuj w przeglądarce, zmieniając rozmiar, aby zobaczyć, jak dostosowuje się film. Pod okienkiem podglądu znajdziesz blok kodu, który możesz kopiuj / wklej i używaj do umieszczenia na swojej stronie.
Jest to jedno z najprostszych rozwiązań problemu responsywnego osadzania. Celem jest zachowaj elastyczność wideo, zachowując proporcje-niełatwe zadanie.
W CSS-Tricks jest świetny kawałek z innym rozwiązaniem, które opiera się bardziej na klasach i elemencie kontenera. Ale jeśli ty nie chcę zawsze pamiętać dodawania tego kontenera może wolisz Embedresponsively.com.
Rzuć okiem na stronę i spróbuj. Jeśli nie masz nic przeciwko praca z dłuższymi fragmentami kodu jest to z pewnością świetne rozwiązanie dla każdego responsywnego układu.
Jeśli chcesz, możesz znaleźć pełny kod źródłowy za darmo na GitHub dodaj obsługę dla bardziej osadzalnych nośników.
