Skocz do zawartości

Hosting dHosting.pl - 10% rabat!

Dynloth

Zmiana rozmiaru dodanego filmiku na forum

Rekomendowane odpowiedzi

Napisano (edytowane)

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Rozmiar możesz zmienić za pomocą CSS:

.ipsEmbeddedVideo iframe {
    width: 500px !important;
    height: 500px !important;
}

 

  • Lubię to 2

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
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}}

 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Napisano (edytowane)

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Sorry, źle przeczytałem pierwszy post. Kod który przed chwila podałem, dotyczy rozmiaru załączonego obrazka który prezentowany jest w formie miniatury w postach, a nie wielkości załączonego filmu.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Napisano (edytowane)

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
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ę

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×

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