Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Nochmal: Kein Flash

Sonntag, 19. Juli 2015

Zufällig habe ich in den Tiefen meiner Site noch ein kleines Flash-Filmchen entdeckt, das meiner Aktion "Kein Flash" bis heute entkommen ist:
Das 14-Sekunden-Filmchen zeigt den animierten Link zur Startseite im Logo meiner Seiten.

Natürlich habe ich den Lapsus korrigiert, und den Flash-Film durch HTML5 video ersetzt.
Ganze 3 Zeilen Code sind dafür nötig, wie hier beschrieben.

Webworker können sich ja mal das Code-Ungeheuer anschauen, das nötig war, um den Flash-Film barrierefrei einzubinden:

<style>

#player {
margin-left: 1em;
text-align:center;
}

#controls {
text-align:center;
margin: 0;
}

#controls li{
display:inline;
margin: 0;
}

#controls li a {
font-size: .8em;
font-weight:bold;
line-height: 1.5em;
color: #444;
text-decoration:none;
padding: 0 6em;
border-left: 1px solid silver;
border-bottom: 1px solid #666;
background: #ddd;
background-image:url(/images/button_silver.gif);
background-repeat: repeat-x;
display:inline-block;
}

#controls li a:hover,
#controls li a:focus,
#controls li a:active {
background: #ddd !important;
background-image:url(../0.gif) !important;
border-bottom: 1px solid silver;
}

.warnung {
color:red;
}
</style>

<script type="text/javascript">
/* <![CDATA[ */

function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function loud(direction) {
if (typeof vol == "undefined" || vol == "NaN") vol = 70;
vol = parseInt(vol);
vol = Math.floor(vol / 10) * 10;

if (direction == 'plus' && vol <= 90) vol = vol + 10;
if (direction == 'minus' && vol >= 10) vol = vol - 10;
createCookie('video_volume',vol,360);
document.getElementById('mpl').sendEvent('VOLUME',vol);
alert('Lautstärke: '+vol+' %');
}

/* ]]> */

</script>

….

<script type="text/javascript" src="swfobject.js"></script>

<div id="player">

<noscript><p class ='warnung'>Hinweis: Javascript ist anscheinend auf Ihrem System nicht aktiviert.<br />Sie k&ouml;nnen das Video nur abspielen, wenn Javascript aktiviert ist.</p></noscript>

<script type="text/javascript">
/* <![CDATA[ */
document.write ("<p class ='warnung'>Zum Abspielen des Videos benötigen Sie den Flash Player Version 9 oder höher. Sie haben anscheinend eine ältere Version, oder gar kein Flash installiert.");
document.write ("<br />Die aktuelle Version des Flash Plugins k&ouml;nnen Sie hier installieren: <a href='http://get.adobe.com/de/flashplayer/'>Adobe Flash Player Download</a></p>");
/* ]]> */
</script>

</div>

<script type="text/javascript">
var sa = new SWFObject('/jwplayer/player-licensed.swf', 'mpl', '335', '131', '9');
sa.addParam('allowfullscreen', 'true');
sa.addParam('allowscriptaccess', 'always');
sa.addParam('seamlesstabbing', 'true');
sa.addVariable('file', '/videos/homelink.flv');
sa.addVariable('captions', '/videos/homelink.xml');
sa.addVariable('plugins', 'captions,audiodescription');

sa.addVariable('screencolor', 'a6907f');
sa.addVariable('smoothing', 'true');
sa.addVariable('stretching', 'none');
sa.addVariable('autostart', 'false');

sa.addVariable('autostart', 'true');
sa.addVariable('repeat', 'none');

sa.write('player');
</script>



1 Kommentar

  1. das ist ja wirklich ein Codemonster. Gerade weil die meisten Flashplayer nicht barrierefrei sind und man Flash nicht auf allen Geräten nutzen kann, verteufle ich diese Technik.

    Kommentar von Svenja — Donnerstag, 23. Juli 2015 - 17:38 Uhr

Einen Kommentar abgeben

Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE