option responsive size 1

www.wimpyplayer.com

API-quick-reference.html

api-addListener.html

api-appendPlaylist-1.html

api-appendPlaylist-2.html

api-appendPlaylist-3.html

api-downloadHandler.html

api-enableControls-and-disableControls.html

api-getPlaying.html

api-getPlaylist.html

api-getStatus.html

api-linkHandler-alt.html

api-linkHandler.html

api-onReady-1.html

api-onReady-2-option.html

api-onReady-3-args.html

api-onReady-4-global-wimpy.html

api-removePlaylistItems.html

api-setAnimate.html

api-setPlaylist.html

api-setSkin-1.html

api-setSkin-2.html

button-api-pause-rewind.html

button-api-play-pause-stop.html

button-api-setMedia.html

button-api-setSize.html

button-api-setVolume.html

button-css-image.html

button-elements.html

button-limit.html

button-loop.html

button-multi-styles.html

button-onClick.html

button-text-via-css.html

button-text-via-option.html

button-width-height.html

coverart-logic.html

encrypted-filenames.html

fullscreen-button.html

fullscreen-web-app.html

iframe-test.html

media-flac.html

media-playlist-embedded-json.html

media-playlist-simple.html

media-podcast-opml.html

media-podcast.html

media-single-file-WAV.html

media-single-file.html

multiple-players-4.html

multiple-players-ALL.html

new-wimpyplayer-direct-to-body.html

new-wimpyplayer-target.html

option-autoAdvance-disabled.html

option-autoPlay.html

option-coverArt.html

option-disableControls.html

option-disableFlash.html

option-downloadEnable-via-option.html

option-downloadEnable-via-playlist.html

option-getid3.html

option-glyphs.html

option-infoFormat.html

option-infoScroll.html

option-infoSpeed.html

option-inline.html

option-limitPlaytime.html

option-linkEnable-via-option.html

option-linkEnable-via-playlist.html

option-loop-off.html

option-loop-one-fullscreen.html

option-loop-one.html

option-loop-playlist.html

option-numberTracks.html

option-playlist-tooltip.html

option-plugFirst.html

option-plugPlaylist.html

option-random.html

option-responsive-1.html

option-responsive-2.html

option-responsive-size-1.html

option-responsive-size-2.html

option-responsive-size-fullscreen.html

option-sort-easy-view.html

option-sort.html

option-startOnTrack.html

option-startUpText.html

option-timeFormat.html

option-volume.html

option-width-height-css.html

option-width-height.html

player-centering.html

player-position-fixed.html

playlist-in-playlist.html

playlist-javascript.html

playlist-json-p.html

playlist-json.html

playlist-txt.html

playlist-xml.html

tricks-embedded-skin.html

tricks-extra-data.html

tricks-playlist-interaction.html

tricks-rating.html

tricks-search-2.html

tricks-search.html

width-height-change-directly.html

width-height-with-responsive.html

wimpy.php-api.html

wimpyCssPlayer1.html

wimpyCssPlayer2.html

wimpyCssPlayer3.html

<style type="text/css">
.fitToWrapper {
	background-color:#484848;
	left:0px;
	top:0px;
	width : 100%;
	height : 100%;
	margin-bottom : 20px; /* so we can see all of the test code */
}
</style>
 
 
<!-- Will make Wimpy fit exactly within the DIV that wraps this player instnace. 
In this example the DIV wrapper is "pageWrapper". -->
 
<!-- NOTE: Wimpy will only active "responsive" mode when the DIV has either a 
class or a style attribute definition. In addition, the data-responsive flag needs to be set manually. -->
 
<div class="fitToWrapper" data-wimpyplayer data-responsive data-skin="../wimpy.skins/Big-Volume.tsv" data-media="../song1.mp3
../song2.mp3
../song3.mp3
../song1.mp3
../song2.mp3
../song3.mp3
../song1.mp3
../song2.mp3
../song3.mp3
../song1.mp3
../song2.mp3
../song3.mp3"></div>

giItT1WQy@!-/#