BigVideo.js fallback to image

bigvideo-fallback

// BigVideo init
var BV = new $.BigVideo(),
	vjsPlayer, fallback = false;

BV.init();
vjsPlayer = BV.getPlayer();

vjsPlayer.on('error', function() {
	if (!fallback) {
		// trying to apply fallback
		fallback = true;
		BV.show('/workspace/assets/vids/bigvideo-fallback.jpg', {ambient: true});
	}
})
vjsPlayer.on('loadeddata', function(){
	$("#big-video-vid").css('visibility', 'visible');
})

$("#big-video-vid").css('visibility', 'hidden');
BV.show('/workspace/assets/vids/kids.mp4', {ambient: true});