Resizing a Video Player within a Responsive Web Design

function resizeVideo() {
	var vid = document.getElementById("vimeo"),
		vidParent = vid.parentNode,
		resizeW = vidParent.offsetWidth,
		resizeH = Math.ceil((resizeW/16) * 9);
	vid.setAttribute("width", resizeW);
	vid.setAttribute("height", resizeH);
}

window.onresize = resizeVideo;
window.onload = resizeVideo;

7 months ago on Wednesday, October 12th, 2011 at 11:26 AM

• code
• javascript
• responsive web design
• text
• video
• web
• website
• mathematics