<!-- CSS link (HTML header), replace with "https://style.brandenburg.de/%VERSION_ALIAS%/css/app.css" -->
<link type="text/css" rel="stylesheet" href="https://style.brandenburg.de/%VERSION_ALIAS%/css/themes/Blau-2043A2.css"/>
Medien dienen der Visualisierung und können im Inhaltsbereich eingesetzt werden. Die verknüpften Dateien der Videos und Tonaufnahmen sollen erst zum Zeitpunkt der Wiedergabe geladen werden. Auf die Urheberrechtsangabe ist zu achten. Die Steuerungselemente von Wiedergabe-Plugins sollen in der Grundfarbe gestaltet sein. Hierbei ist auf den Kontrast zum Inhalt zu achten. Alternativ sind diese in DUNKELGRAU oder WEIß auszuführen.
<audio id="audio1" data-lang="de" data-show-now-playing="false" data-able-player preload="metadata">
<!-- audio files -->
<source src="style.brandenburg.de/media/exampleAudio/potsdam-podcast.mp3">
<!-- optional text track file -->
<track kind="descriptions" src="text-track-file.vtt" srclang="de"/>
<track kind="captions" src="text-track-file.vtt" srclang="de"/>
<!-- fallback for browsers that don't support the video element -->
<div>
<a href="style.brandenburg.de/media/exampleAudio/potsdam-podcast.mp3">
Link zum direkten Download der Audiodatei.
</a>
</div>
</audio>
<p class="bb-image-caption-left">Das ist eine Audio-Datei zum Abspielen </p>
<script type="text/javascript" src="style.brandenburg.de/2_4/js/vendors/2jquery.min.js"></script>
<script type="text/javascript" src="style.brandenburg.de/2_4/js/vendors/3jquery.mobile-events.min.js"></script>
<script type="text/javascript" src="style.brandenburg.de/2_4/js/vendors/what-input.min.js"></script>
<script type="text/javascript" src="style.brandenburg.de/2_4/js/vendors/5foundation.min.js"></script>
<script type="text/javascript" src="style.brandenburg.de/2_4/js/vendors/ableplayer.js"></script>
<script type="text/javascript" src="style.brandenburg.de/2_4/js/finalApp.js"></script>
<link type="text/css" rel="stylesheet" href="style.brandenburg.de/2_4/css/vendors/ableplayer.css"/>
keine Beschränkungen
Medien sollten grundsätzlich barrierefrei angeboten werden. Wenn technisch möglich, sollten alternative Videos mit Untertiteln angeboten sowie alternative Beschreibungstexte oder Meta-Informationen verfasst werden, die mit Hilfe von Screen-Readern vorgelesen werden können.
Medien skalieren auf volle Breite in dem zur Verfügung stehenden Viewport.
Für weitere Informationen und Dokumentation dieser Komponente besuchen Sie bitte folgende Website:
https://ableplayer.github.io/ableplayer/