Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Pusta przestrzeń dookoła wideo


Przejdź do rozwiązania Rozwiązane przez aXen,

Rekomendowane odpowiedzi

Opublikowano

Witam, zmniejszyłem rozmiar wyświetlania wideo (poprzednie było na full stronę) edytując klasę .ipsEmbeddedVideo iframe ale zostało puste pole dookoła

 

image.thumb.png.bb352e5cc232dcbe1b87c69c73f61cb3.png

 

W jaki sposób mogę zmniejszyć pustą przestrzeń?

  • Rozwiązanie
Opublikowano

Edytowałeś CSS, co nie powinieneś robić dla iframe:

.ipsEmbeddedVideo iframe {
    position: absolute;
    top: 25%;
    margin-bottom: 0;
    left: 25%;
    width: 50%;
    height: 50%;
}

 

Kilka klas wyżej masz, którą edytujesz pod te przestrzenie:

.ipsEmbeddedVideo:not( video ) {
    padding-bottom: 56.25%;
    padding-top: 25px;
}

Do klasy powyżej możesz dodać również wartość dla szerokości oraz wysokości.

See me on GitHub or aXenDev.net!

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.