.The JW Player in the JPlayer extension is a SWF which has no built-in HTML5 fallback.
That HTML5 support comes from the load of JavaScript included with newer versions of the JW Player.
But you do not need all their commercially branded crap just to do an HTML5 fallback.
You also do not need multiple types of files.
iDumb devices can play MP4 just as well as M4A (which is an MP4 format file).
But be aware that higher encoding profile levels in the MP4 may not be supported in the iDumb devices.
Then you may want to use different files.
The higher quality encoding supported by Flash Player.
And the lower quality encoding supported in the iDumb devices.
So it depends on the encoding profile used in your original MP4.
It should be possible to simply add an HTML5 <video> tag fallback to the JPlayer plug-in MP4 file embed code.
The tag embed codes are found in the
sources.php file.
Around line 79 you will find this:
Code:
"mp4" => '
<object type="application/x-shockwave-flash" width="{WIDTH}" height="{HEIGHT}" data="{SITEURL}/plugins/content/jplayer/mediaplayer/player{PLAYERVERSION}.swf">
<param name="movie" value="{SITEURL}/plugins/content/jplayer/mediaplayer/player{PLAYERVERSION}.swf" />
<param name="quality" value="high" />
<param name="wmode" value="{TRANSPARENCY}" />
<param name="bgcolor" value="{BACKGROUND}" />
<param name="autoplay" value="{AUTOPLAY}" />
<param name="allowfullscreen" value="{FULLSCREEN}" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file={SITEURL}/{FOLDER}/{SOURCE}.mp4&image={SITEURL}/{FOLDER}/{SOURCE}.png&autostart={AUTOPLAY}&fullscreen={FULLSCREEN}{FLASHVARS}{PLUGINS}" />
</object>
',
Add the HTML5 <video> tag fallback code in the <object> tag fallback position right before the closing </object> tag:
Code:
"mp4" => '
<object type="application/x-shockwave-flash" width="{WIDTH}" height="{HEIGHT}" data="{SITEURL}/plugins/content/jplayer/mediaplayer/player{PLAYERVERSION}.swf">
<param name="movie" value="{SITEURL}/plugins/content/jplayer/mediaplayer/player{PLAYERVERSION}.swf" />
<param name="quality" value="high" />
<param name="wmode" value="{TRANSPARENCY}" />
<param name="bgcolor" value="{BACKGROUND}" />
<param name="autoplay" value="{AUTOPLAY}" />
<param name="allowfullscreen" value="{FULLSCREEN}" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file={SITEURL}/{FOLDER}/{SOURCE}.mp4&image={SITEURL}/{FOLDER}/{SOURCE}.png&autostart={AUTOPLAY}&fullscreen={FULLSCREEN}{FLASHVARS}{PLUGINS}" />
<video poster="{SITEURL}/{FOLDER}/{SOURCE}.png" src="{SITEURL}/{FOLDER}/{SOURCE}.mp4" width="{WIDTH}" height="{HEIGHT}" controls="controls"></video>
</object>
',
If you want to use different source files (MP4 for Flash Player and M4A for iDumb devices),
in the <video> tag you could change the file extension on the SRC parameter from MP4 to M4A.
I did not test this, but it should work.
On the iDumb devices it should fallback to the <video> tag.
Let us know how it goes.
.
