To anyone who is interested, I've updated my demonstration page with
alternative html5 video for the Flash haters. I am open to your critique.
Alternative content for the deaf, dumb, blind kid is not provided. If you
had suggestions, I am all ears. To my knowledge neither <object> nor
<video> supports the <alt> and <longdesc> attributes.
Here is my code for reference:
Link Page:
<body>
<a
href="Test.html?mTitle=Cash%20Flow&mFile=cashFlows1&mHeight=400&mWidth=550"
target="new">Test Link</a>
</body>
Target Page:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Legacy SWF Player with HTML5 fallback</title>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript">
//create query string object
var movieDetails = {};
decodeQuery();
function decodeQuery() {
var match,
pl = /\+/g,
search = /([^&=]+)=?([^&]*)/g,
decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
query = window.location.search.substring(1);
while (match = search.exec(query))
movieDetails[decode(match[1])] = decode(match[2]);
}
//activate swf movie details
function swfPlay (){
var flashvars = {};
var params = {};
var attributes = {};
document.getElementById("swfMovie").style.display = "block";
swfobject.embedSWF("video/"+movieDetails.mFile+".swf", "swfMovie",
movieDetails.mWidth, movieDetails.mHeight, "8.0.0", false, flashvars,
params, attributes);
}
//activate alternative html5 content
function html5play (){
document.getElementById("html5").style.display = "block";
document.getElementById("3").height = movieDetails.mHeight;
document.getElementById("3").width = movieDetails.mWidth;
document.getElementById("mac").src = "video/"+movieDetails.mFile+".mp4";
document.getElementById("chrm").src = "video/"+movieDetails.mFile+".webm";
document.getElementById("fox").src = "video/"+movieDetails.mFile+".ogv";
}
</script>
</head>
<body>
<h1 id="Title">Template</h1>
<div align="center" class="movie">
<div id="swfMovie" style="display:none">
<h4>Videos on this page require Adobe Flash Player,<br><br>or an
html5 enabled browser.</h4>
<a href="http://www.adobe.com/go/getflashplayer";><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif";
alt="Get Adobe Flash player" width="112" height="33"></a>
</div>
<div id="html5" style="display:none">
<video id="3" controls="controls">
<source id="mac" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
/>
<source id="chrm" type='video/webm; codecs="vp8, vorbis"' />
<source id="fox" type='video/ogg; codecs="theora, vorbis"' />
<h4>Videos on this page require an html5 enabled browser,<br><br>or
Adobe Flash Player.</h4>
<a href="http://www.adobe.com/go/getflashplayer";><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif";
alt="Get Adobe Flash player" width="112" height="33"></a>
</video>
</div>
</div>
<br><hr>
<script type="text/javascript">
//modify h1 header
document.getElementById("Title").innerHTML=movieDetails.mTitle;
//determine if Flash is loaded
if(swfobject.hasFlashPlayerVersion("1")){
swfPlay ();
}else{
html5play ()
}
</script>
</body>
--
You received this message because you are subscribed to the Google Groups
"SWFObject" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/swfobject/-/taxqfKnSDlIJ.
To post to this group, send email to swfobject@googlegroups.com.
To unsubscribe from this group, send email to
swfobject+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/swfobject?hl=en.
![http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"](http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"){kind=link}