HTML5AudioVideoFallback 1.1 using Flowplayer (default) as flash player
Video
$('video').HTML5AudioVideoFallback();
Video with width, height, poster and source-tags for MP4, OGV, WEBM, FLV
Video with width, height, poster and source-tags for MP4, WEBM
Video with source-tag for OGV
Video with empty poster and src for WEBM
Audio
$('audio').HTML5AudioVideoFallback({
flashMediumSrcType: 'audio/mpeg',
width: 300,
height: 28,
params: '{"flashvars": \"config={\'clip\': {\'url\': \'###MEDIUM_SRC###\', \'autoPlay\': 0}, \'canvas\': {\'backgroundColor\': \'#000000\'}, \'plugins\': {\'controls\': {\'fullscreen\': 0, \'height\': 28, \'autoHide\': 0}}}\"}'
});
Audio with source-tags for MP3, OGG
Audio with source-tag for OGG
Audio with source-tag MP3
Audio with src for MP3
Audio with src for OGG
Remove fallback
$('audio, video').HTML5AudioVideoFallback('remove');
Remove fallback
Accessing data
$('video').data('HTML5AudioVideoFallback').isFlashSupported;
$('video').data('HTML5AudioVideoFallback')[isFlashSupported];
idPrefix: HTML5AudioVideoFallback_ generateId: true flashPlayerSrc: lib/flowplayer/flowplayer-3.2.7.swf flashExpressInstallSrc: lib/expressinstall.swf flashVersion: 9 initFunction: null width: 600 height: 400 flashMediumSrcType: video/mp4 flashvars: params: {"flashvars": "config={'clip': {'url': '###MEDIUM_SRC###', 'autoPlay': 0}, 'canvas': {'backgroundColor': '#000000', 'backgroundImage': '###VIDEO_POSTER_SRC###'}}"} attributes: playerDirectEmbedCall: null alternateMessageHTML: <div><p>Unable to play medium. Please use download links provided:</p><ul class="linklist">###ALTERNATE_MESSAGE_LINKS###</ul></div> alternateMessageLink: <li><a href="###MEDIUM_SRC###">###MEDIUM_SRC_FILENAME###</a> (###MEDIUM_MIMETYPE###)</li> alwaysUseFlash: false isFlashSupported: false medium: [object Object] mediumSources: [object Object] flashMediumSrc: ../../demo-media/video.mp4