JQuery, aby filmy były responsywne

Responsywne lub adaptowalne projektowanie stron internetowych dla różnych urządzeń, służy temu, aby nasze projekty idealnie pasowały do ​​każdego ekranu urządzenia z połączeniem internetowym.
Wykorzystanie zapytań o media w CSS3 umożliwia tworzenie responsywnych projektów za pomocą CSS3 Media Queries.
Zapytanie o media składa się z typu mediów i co najmniej jednego zapytania, które ogranicza arkusze stylów przy użyciu cech mediów, takich jak szerokość, wysokość i kolor. Dodane w CSS3 zapytania o media umożliwiają dostosowanie wyświetlanej treści do określonego zakresu urządzeń wyjściowych bez konieczności zmiany samej treści.
Zapytania o media składają się z typu mediów i jednego lub więcej wyrażeń zawierających cechy mediów, które są rozstrzygane jako prawda lub fałsz. Wynik zapytania jest prawdziwy, jeśli typ mediów określony w zapytaniu o media jest zgodny z typem wyświetlanego urządzenia i wszystkie wyrażenia w zapytaniu o media są prawdziwe. Gdy zapytanie o media jest prawdziwe, stosowany jest odpowiedni arkusz stylów lub reguły stylów zgodnie z normalnymi regułami kaskadowymi.

Ta responsywna technika może być używana ze wszystkimi naszymi plikami na stronie internetowej, nawet jeśli treści multimedialne, aby nasza strona internetowa była bardziej praktyczna i dostępna dla wszystkich urządzeń, możemy sprawić, że nasze filmy będą również responsywne, to znaczy samodostosowujące się lub adaptowalne zgodnie z urządzenie wyjścia.
Do tego mamy FitVids.js, jest to wtyczka, dzięki której każdy film będzie responsywny, dostosuje się idealnie i automatycznie do rozmiaru kontenera lub urządzenia wyjściowego, coś bardzo praktycznego do projektowania stron internetowych, jeśli chodzi o jego treść, aby była doskonale zwizualizowana na telefonach smartfonach i tabletach.
Musisz uwzględnić jQuery 1.7 lub nowszy i FitVids.js w projekcie swojej strony internetowej i kierować kontener wideo za pomocą fitVids ().

Użycie jest proste, wystarczy wywołać funkcję fitVids wskazując wideo, a element zostanie automatycznie opakowanyi CSS do zmiany rozmiaru.
Obecnie jest kompatybilny z głównymi serwisami, takimi jak Youtube, Vimeo, Blip.TV czy Viddler
Możemy dodać go do wordpressa za pomocą funkcji, dzięki czemu dowolny plik .video klasy div zostanie automatycznie zmieniony.

 }}}} add_action ('init', 'fitvids'); ?> zm13 -> 

Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt