Леко тъп въпрос за youtube клип и вграждане

[lqllqlq]

Здравейте,
Наложи ми се да вградя клип от youtube в сайт. До тук добре. Размера трябва да е 760х...., което е ясно как. Всичко е ок, докато сайта се гледа на компютър и устройства с по-голям екран. Когато се отвори през телефон, темата е респонсив и съответно в тази посока всичко е наред, но клипа не е. Тоест не го свива.

Това как мога да го оправя?

 

[N.JELQZKOV]

От: Леко тъп въпрос за youtube клип и вграждане

Пробвай - http://embedresponsively.com/

 

[Sky]

От: Леко тъп въпрос за youtube клип и вграждане

Начини много, избери си:
https://www.google.bg/search?q=embed+responsive+youtube+video

 

[mobilio]

От: Леко тъп въпрос за youtube клип и вграждане

<iframe width="640" height="360" src="https://www.youtube.com/embed/XYZ" frameborder="0" allowfullscreen></iframe>

Kакто виждаш е набита големина фиксирана. Направи я на проценти:
https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
или виж от CSS-а тук:
http://stackoverflow.com/questions/15844500/shrink-a-youtube-video-to-responsive-width

 

[lqllqlq]

От: Леко тъп въпрос за youtube клип и вграждане

Благодаря на всички!

 

[procopy]

От: Леко тъп въпрос за youtube клип и вграждане

или леко CSS хакче:

@media all and (max-width: 1024px) {
	#video-wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	#video-wrapper  iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

разбира се, в случая видеото ти трябва да се затворено в <div id="video-wrapper"></div>

 

[BurnX]

От: Леко тъп въпрос за youtube клип и вграждане

Това си е проблем с темата според мен. Аз вграждам кода както го дава youtube и си е респонсив.

 

[C.Cenov]

От: Леко тъп въпрос за youtube клип и вграждане

Това си е проблем с темата според мен. Аз вграждам кода както го дава youtube и си е респонсив.

Като цяло зависи как го вгражда...