HTML (Hypertext Markup Language)
deutsch: Hypertext Auszeichnungssprache...
Integration
Zusammenfassung
Auf dieser Seite erfahren Sie, wie Sie jack4flash in Ihre eigene Internetseite integrieren können. Die Informationen richten sich hauptsächlich an Entwickler.
Um jack4flash auf Ihrer eigenen Internetseite einzusetzen, müssen Sie zunächst das Installationspaket herunterladen und dessen Inhalt auf Ihrem Webserver bereitstellen.
Auf der Seite, die den Flash Video Player enthalten soll, muss ein Container im HTML eingebaut sein. Dieser Container benötigt eine ID, die dem Benamungsschema pid_x entspricht, wobei x eine beliebige Zahl ohne führende Null ist.
Zusätzlich müssen im HTML-Quelltext die benötigten JavaScript-Dateien referenziert und ein Konfigurationsobjekt bereitgestellt werden.
Beispielquelltext
<script src="lib/main.js" type="text/javascript"></script>
<script src="lib/callback.js" type="text/javascript"></script>
<script src="theme_jack4flash/lang.js" type="text/javascript"></script>
<script src="jquery.jack4flash.js" type="text/javascript"></script>
<div id="pid_1" class="playerwrapper">
<div class="videoplayer">
<div class="zoomlevel">
<div class="helpcontrols"></div>
<div class="topskip"></div>
<div class="inner">
<h3>Hinweis</h3>
<p class="error">Um dieses Video abzuspielen, benötigen Sie <strong>aktiviertes JavaScript</strong> und den <strong>Adobe® Flash Player</strong>.</p>
<noscript>
<p>Bitte aktivieren Sie JavaScript in Ihrem Browser.</p>
</noscript>
<p>
<span>Den aktuellen Adobe® Flash Player</span> können Sie kostenlos von der Webseite des Herstellers herunterladen:<br />
<a title="externer Link zum Hersteller des Flash Players, öffnet sich in neuem Fenster" target="_blank" href="http://www.adobe.com/go/getflashplayer">
<img lang="en" src="images/get_flash_player.gif" alt="Get Adobe Flash Player" width="88" height="31" />
</a>
</p>
</div>
<div class="bottomskip"></div>
<div class="formatcontrols"></div>
<div class="row">
<div class="basiccontrols"></div>
<div class="soundcontrols"></div>
</div>
<div class="playbackcontrols"></div>
<div class="synchcontrols"></div>
</div>
</div>
</div>
<script type="text/javascript">
var playerconfig_1 = {
'pid': 'pid_1',
'objid': 'player_1',
'width': '655',
'height': '366',
'version': '9.0.124',
'lang': 'de',
'player': '/player/mmplayer-5.1.897.swf',
'still': '/images/still.jpg',
'video': 'video.f4v',
'plugins': {'captions': 'untertitel.xml', 'audiodescription': 'audiodeskription.mp3'},
'show_controls': {'basic': true, 'time': true, 'skip': true, 'timeslider': true, 'volume': true, 'zoom': 1, 'sound': true, 'captions': true, 'audiodescription': true, 'help': true},
'help': 'hilfe.html',
'flashparams': {'bgcolor': '#5F5036'},
'flashvars': {'screencolor': '#5F5036'}
};
$('#pid_1').loadPlayer(playerconfig_1);
</script>
Hinweis:
Alle im Quelltextbeispiel enthaltenen relativen Links müssen dem Installationsverzeichnis von jack4flash auf Ihrem Server entsprechend angepasst werden.
Diese Informationen könnten nützlich sein
Wörterbuch
In unserem Wörterbuch können Sie einzelne Begriffe und deren Bedeutungen nachschlagen.
jack4flash
jack4flash steht für "JQuery Accessible Kit for Flash", zu deutsch: jQuery basierter Baukasten für Flash. Mit dem Baukasten können Sie eine barrierefreie Bedienung von Flash-Video-Playern entwickeln...
JavaScript
JavaScript ist eine Programmiersprache, die häufig auf Internetseiten eingesetzt wird, um beispielsweise Formulareingaben zu überprüfen und zu senden, aber auch um Internetseiten mit Effekten und hilfreichen Funktionalitäten zu erweitern.