Responsive Tube Embeds - GoFuckYourself.com

cybermike · 03-30-2016, 09:34 AM

How come tubes don't have this option.. just not possible?

Colmike9 · 03-30-2016, 09:41 AM

Change the CSS to width:100% height:auto; and make sure the video height and width isn't also defined by pixels. This will make it fluid based on the div that it's in.
This should work with any embedded video.

Colmike9 · 03-30-2016, 09:43 AM

If it's an iframe, you'll have to use another wrapper and set it to allowfullscreen:

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

<div class="videoWrapper">

<iframe width="560" height="349" src="SRC" frameborder="0" allowfullscreen></iframe>
</div>

redwhiteandblue · 03-30-2016, 11:57 AM

JW Player can do responsive, you just set width to a percentage and set aspect ratio, instead of width and height.

cybermike · 04-05-2016, 08:45 AM

Thanks colmike.. thats what I needed

03-30-2016, 09:34 AM	#1
cybermike Confirmed User Join Date: Jan 2002 Location: Ny Posts: 4,084	Responsive Tube Embeds How come tubes don't have this option.. just not possible? __________________ Hey surfers how about some The Best Porn Sites

03-30-2016, 09:41 AM	#2
Colmike9 (>^_^)b Industry Role: Join Date: Dec 2011 Posts: 7,224	Change the CSS to width:100% height:auto; and make sure the video height and width isn't also defined by pixels. This will make it fluid based on the div that it's in. This should work with any embedded video. __________________ Join the BEST cam affiliate program on the internet! I've referred over $1.7mil in spending this past year, you should join in. I make a lot more money in the medical field in a lab now, fuck you guys. Don't ask me to come back, but do join Chaturbate in my sig, it still makes bank without me touching shit for years..

03-30-2016, 09:43 AM	#3
Colmike9 (>^_^)b Industry Role: Join Date: Dec 2011 Posts: 7,224	If it's an iframe, you'll have to use another wrapper and set it to allowfullscreen: .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } <div class="videoWrapper"> <iframe width="560" height="349" src="SRC" frameborder="0" allowfullscreen></iframe> </div> __________________ Join the BEST cam affiliate program on the internet! I've referred over $1.7mil in spending this past year, you should join in. I make a lot more money in the medical field in a lab now, fuck you guys. Don't ask me to come back, but do join Chaturbate in my sig, it still makes bank without me touching shit for years..

04-05-2016, 08:45 AM	#5
cybermike Confirmed User Join Date: Jan 2002 Location: Ny Posts: 4,084	Thanks colmike.. thats what I needed __________________ Hey surfers how about some The Best Porn Sites

03-30-2016, 11:57 AM	#4
redwhiteandblue Bollocks Industry Role: Join Date: Jun 2007 Location: Bollocks Posts: 2,792	JW Player can do responsive, you just set width to a percentage and set aspect ratio, instead of width and height.