JSFiddle - React, Tailwind, and code Playground

by AaronLayton

HTML

<object width="478" height="849" id="flashPlayer">
    <param name="movie" value="http://www.yoursclothing.co.uk/flash/YoursPlayer.swf">
        <param name="allowFullScreen" value="true">
        <param name="allowscriptaccess" value="always">
         <param name="wmode" value="transparent"> 
        <param name="FlashVars" value="vidURL=http://www.amediaserver.co.uk/Test/flixmedia/out/41835.m4v&amp;vidSkin=http://www.yoursclothing.co.uk/flash/YoursSkinNew.swf&amp;vidMP3=http://www.amediaserver.co.uk/Media/YoursClothing/audio/walk1.mp3"> 
        <embed src="http://www.yoursclothing.co.uk/flash/YoursPlayer.swf" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" width="478" height="849" flashvars="vidURL=http://www.amediaserver.co.uk/Test/flixmedia/out/41835.m4v&amp;vidSkin=http://www.yoursclothing.co.uk/flash/YoursSkinNew.swf&amp;vidMP3=http://www.amediaserver.co.uk/Media/YoursClothing/audio/walk1.mp3">
            </object>

<video id="nativePlayer" controls="" autoplay="" name="media" style="width:478px;height:849px;"><source src="http://www.amediaserver.co.uk/Test/flixmedia/out/41835.m4v?source=html5" type="video/mp4"></video>

JavaScript

var uagent = navigator.userAgent.toLowerCase();

if (uagent.search("iphone") > -1 ||
    uagent.search("ipod") > -1 ||
    uagent.search("ipad") > -1 ||
    uagent.search("appletv") > -1) {
   // no flash   
$('#flashPlayer').hide();
$('#nativePlayer').show();
        
} else {
   // flash version
   $('#flashPlayer').show();
    $('#nativePlayer').hide();
}