Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Alternate file in HD toggling button


var playerInstance = jwplayer("myElement");
playerInstance.setup({
image: "/uploads/myPoster.jpg",
sources: [{
{
file: "http://clips.vorwaerts-gmbh.de/720_movie.ogv"
},
{
file: "http://clips.vorwaerts-gmbh.de/720_movie.mp4"
}
label: "720p HD"
},
{
{
file: "http://techslides.com/demos/360_movie.ogv"
},
{
file: "http://techslides.com/demos/360_movie.ogv"
}
label: "360p SD",
"default": "true"
},
{
{
file: "http://techslides.com/demos/1080_movie.ogv"
},
{
file: "http://techslides.com/demos/1080_movie.ogv"
}
label: "1080p Web"
}]

});


Want to do something like this. Need to give alternate file in HD toggling.

1 Community Answers

Todd

JW Player Support Agent  
0 rated :

You cannot have a sources: [] block inside of a sources: [] block. My suggestion would be to first decide if you want .ogv or .mp4 videos via Javascript before you call setup() and then append the desired file extension in the setup() call:

<script type="text/javascript">
if (some criteria for .ogv) {
	var videoExtension = '.ogv';
} else {
	var videoExtension = '.mp4';	
}


var playerInstance = jwplayer("myElement");
playerInstance.setup({
	image: "/uploads/myPoster.jpg",
	sources: [{
		file: "http://clips.vorwaerts-gmbh.de/720_movie" + videoExtension,
		label: "720p HD",
	},{
		file: "http://techslides.com/demos/360_movie" + videoExtension,
		label: "360p SD",
		"default": "true"
	},{
		file: "http://techslides.com/demos/1080_movie" + videoExtension,
		label: "1080p Web"
	}]
});
</script>

This question has received the maximum number of answers.