I dont know much about js, i successfully installed the fitvids in the hope of making my video.js player responsive , but now i am stuck at the config page, what jquery class selector should i put in ?

<ul class="tabs primary">
<div class="region region-content">
<div id="block-system-main" class="block block-system">
<div class="content">
<div id="node-2538" class="node node-hd-videos" about="/site/url" typeof="sioc:Item foaf:Document">
<div class="content clearfix">
<div class="field field-name-field-14-hdvideojs field-type-file field-label-hidden">
<div class="field-items">
<div class="field-item even">
<div id="videojs-2538-field-14-hdvideojs-video" class="video-js vjs-default-skin vjs-controls-enabled vjs-has-started vjs-playing vjs-user-inactive" style="width: 960px; height: 540px;">
<video id="videojs-2538-field-14-hdvideojs-video_html5_api" data-setup="{}" class="vjs-tech" autoplay="" preload="auto" src="http://mysite/system/path/to/thevideo.mp4">
<source src="http://mysite/path/to/thevideo.mp4" type="video/mp4"/>
</video>
<div/>
<div class="vjs-poster" tabindex="-1" style="display: none;"/>
<div class="vjs-text-track-display"/>
<div class="vjs-loading-spinner" style="display: none;"/>
<div class="vjs-big-play-button" aria-live="polite" tabindex="0" aria-label="play video">
<div class="vjs-control-bar">
</div>
</div>
</div>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div>
</div>
</div>

thank you!

Dorian

Comments

DerekAhmedzai’s picture

Status: Active » Closed (works as designed)

Hi, Fitvids will only work for videos embedded in <iframe>s (eg Youtube, Vimeo, Facebook); it won't do anything for other ways of embedding videos (eg the <video> tag).

Here's a guide to making video.js videos responsive
http://daverupert.com/2012/05/making-video-js-fluid-for-rwd/#fnref:fn1

and a demo
http://jsbin.com/idinaf/4