Forum Blogowe 19 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
Ewe-Linka 
Prezes w Mamspired


Zaproszone osoby: 3
Imię: Ewelina
Pomogła: 2 razy
Wiek: 33
Dołączyła: 17 Lis 2012
Posty: 154
Miasto: Northampton
Wysłany:    Osadzenie responsywnego video
Hej. Jak mam osadzić filmik z YT w poście, aby był on dostosowany do wszystkich wielkości przeglądarek (głównie moblinych)?
Przykładowy post z filmem ->

Kod

http://www.mamspired.com/2015/06/daj-dzieciom-czas-to-nie-konie-wyscigowe.html

Można to gdzieś automatycznie w kodzie ustawić? (próbowałam to i owo, ale wyszło jak zwykle :P )
Pozdrawiam
______________________________________________________
Mamspired- parentingowy blog lifestyle.
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

LimakXRobczuk 
WordPress.Klub
konserwArTYSTA


Imię: LXR
Pomógł: 1 raz
Wiek: 34
Dołączył/a: 28 Paź 2009
Posty: 97
Miasto: 3miasto
Wysłany: 2015-10-29, 18:11   
Zamiast

Kod

<iframe>
lepiej użyć HTML5

Kod

<embed>
, który można edytować dowolnie za pomocą stylów.

Kod

<embed style="width: 100%; height: 300px;" src="https://www.youtube.com/embed/Bwn4nsREo8o" />


Każdy kolejny film z youtube należało by ustawiać w ten sposób.

Styl oczywiście można umieścić w CSS'ie, wtedy wystarczy tylko umieszczać link w postach:

Kod

<embed src="https://www.youtube.com/embed/Bwn4nsREo8o" />
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2015-10-31, 07:42   

LimakXRobczuk napisał/a:

który można edytować dowolnie za pomocą stylów.
a iframe nie można? bo jakimś cudem mi się to do tej pory udawało :^^: ?

Ewe-Linka, najlepiej przygotować sobie wersję CSS dla różnych wersji kodu:

Kod

.post-body iframe, .post-body embed, .post-body object {max-width: 100%;}
a height ustalić różny w zależności od rozdzielczości ekranu - wykorzystując @media queries.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
LimakXRobczuk 
WordPress.Klub
konserwArTYSTA


Imię: LXR
Pomógł: 1 raz
Wiek: 34
Dołączył/a: 28 Paź 2009
Posty: 97
Miasto: 3miasto
Wysłany: 2015-11-04, 00:43   

Htsz napisał/a:

a iframe nie można? bo jakimś cudem mi się to do tej pory udawało ?
Serio :szok: ? To coś robiłem nie tak i żyłem w błędzie :P .. nie wiem, sprawdzę to.. ale mam wrażenie, że iframe nie chciał reagować np. na max-width..
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2025 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz