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

Zmiana rozmiaru dodanego filmiku na forum


Dynloth

Rekomendowane odpowiedzi

Siemanko,

może Wy mi pomożecie bo nie mam już pomysłów.

Próbuję zmienić rozmiar dodawanego filmiku na forum bezpośrednio przez załącznik. Pewnie gdzieś w kodzie jest ustawione na 100% wysokości. Przerobiłem cały kod odpowiedzialny za filmiki i nie natrafiłem na linijkę tego kodu który potrzebuję. Rozmiar filmików z YouTube można zmienić bez problemu, a tego niestety nie mogę..

 

Z góry dziękuję i pozdrawiam! :)

Edytowane przez Dynloth
Odnośnik do komentarza
Udostępnij na innych stronach

Niestety nie pomaga bawiłem się tym i efekt jest taki, że to działa na filmiki z YouTube, a dodane jako załącznik już nie.

Taki oto kod mam odpowiedzialny 

.ipsEmbeddedVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
    width: 500px !important;
    height: 500px !important;
}

{{if settings.max_video_width}}
	.ipsEmbeddedVideo {
	max-width: {setting="max_video_width"}px;
	}

	.ipsEmbeddedVideo > div {
		float: none;
		clear: both;
		width: 100%;
		overflow: auto;
		position: relative;
		/* This allows videos to resize responsively */
	    padding-bottom: 56.25%;
	    padding-top: 25px;
	}

	.ipsQuote .ipsEmbeddedVideo > div {
		width: 98%;
		margin-bottom: 15px;
	}
{{else}}	
	.ipsEmbeddedVideo {
		float: none;
	    clear: both;
		width: 100%;
		overflow: auto;
		position: relative;
	}	

		.ipsEmbeddedVideo:not( video ) {
			/* This allows videos to resize responsively */
		    padding-bottom: 56.25%;
		    padding-top: 25px;
		}

	.ipsQuote .ipsEmbeddedVideo {
		width: 98%;
		margin-bottom: 15px;
	}
{{endif}}

 

Odnośnik do komentarza
Udostępnij na innych stronach

  • 2 tygodnie później...

Cześć,

 

Zacznijmy od tego, że pomniejszony rozmiar wielkości obrazka załącznika, warto jest zadeklarować tak, aby ten kod działał dopiero od określonej rozdzielczości. Na Smartfonach, kiedy się przegląda forum w orientacji (zazwyczaj) pionowej, to wygodnie jest mieć te załączniki zdjęciowe na 100% z tej prostej przyczyny, że to jest wygodne :) Mierzyłem się z tym samym u siebie i rozwiązałem to takim kodem, który musisz wstawić w CUSTOM.CSS swojego szablonu, tym sposobem nadpiszesz ustawienia domyślne:

 

@media screen and (min-width: 500px) {
.cPost div[data-role="commentContent"] img.ipsImage_thumbnailed {
    height: 250px;
	margin: 2px 2px;
	float: left;
    border-radius: 25px;
}
}

 

Oczywiście border-radius możesz wywalić, jeśli nie chcesz mieć przyokrąglonych brzegów, ale fajnie to wygląda. Ten kod, zadziała dopiero wtedy, gdy ekran będzie szerszy niż 500 pikseli. Możesz tą wartością, jak też wartością height, dowolnie regulować. Margines oraz float służy temu, by zdjęcia układały się poziomo lecz tylko wtedy, gdy jest ku temu miejsce. Będą się po prostu "przelewać" w dół, w zależności od rozdziałki ekranu.

Edytowane przez semenedar
  • Lubię to 1
Odnośnik do komentarza
Udostępnij na innych stronach

Natomiast co do twojego pytania, to w

.ipsEmbeddedVideo

 No to regulujesz wartością width:100% zmniejszając ją sobie procentowo. I to musi działać także na załączniki filmowe. Określać tego na sztywno w pikselach Ci nie polecam, bo przestanie być responsywne, a co za tym idzie, okno smartfonu będzie widziało rozmiar width:500 pikseli (na przykład). Czyli będzie szerszy film niż okno smartfonu. Powstanie dolny, boczny scroll. Bez sensu :D

 

Dodaj sobie w CUSTOM.CSS, i dodatkowo określ rozmiar ekranu od jakiego ma się zmniejszać, bo na Smartfonach jest wygodnie gdy jest 100% szerokości. Na przykład, od 800 pikseli:

 

@media screen and (min-width: 800px) {
.ipsEmbeddedVideo {
	float: none;
	clear: both;
	width: 70%;
	overflow: auto;
	position: relative;
}
}

I Reguluj wartością width.

Pozdrawiam,

Sem.

 

 

Cytat

 

 

Edytowane przez semenedar
Odnośnik do komentarza
Udostępnij na innych stronach

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ę.