Minimal Fitvid example

QUnit Test Runner noglobalsnotrycatch

Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)

Running...

test markup, will be hidden

FitVids.js example

FitVid maintains player embed size aspect ratio, using JS to apply RWD padding-top technique. More about FitVids.js
Also see kaltura's no-js RWD example

Note: Changes are needed for fitVid to work against kWidget.embed fork available here.

Sample FitVids.js with kWidget.embed Code:

<script type="text/javascript" src="resources/FitVids.js"></script>
<div class="contentContainer" style="width:80%;height:900px;border:solid thin black">
	<h3>Page content in dynamic width content column. </h3>
	<div class="fluid-width-video-wrapper">
		<div id="myVideoContainer" style="width:640px;height:360px">
			<div id="kaltura_player" style="width:100%;height:100%"></div>
		</div>
	</div>
</div>
<script>
	kWidget.embed({
		'targetId': 'kaltura_player',
		'wid': '_243342',
		'uiconf_id' : '12868012',
		'entry_id' : '1_sf5ovm7u'
	});
</script>
<script>
$(".contentContainer").fitVids({ customSelector: "#myVideoContainer"});
</script>

Dynamic width content column.

FitVids vimio video ( retains fitvid auto fitting ):