Jump to content

Hosting dHosting.pl - 10% rabat!

Dynloth

Zmiana rozmiaru dodanego filmiku na forum

Recommended Posts

Posted (edited)

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! :)

Edited by Dynloth

Share this post


Link to post
Share on other sites

Rozmiar możesz zmienić za pomocą CSS:

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

 

  • Like 2

Share this post


Link to post
Share on other sites

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}}

 

Share this post


Link to post
Share on other sites

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.

Edited by semenedar
  • Like 1

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

 

 

Edited by semenedar

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.