<!-- 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/standard.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.
<video id="video1" data-lang="de" data-able-player preload="none"
poster="/media/exampleVideo/Maerker_kurz/maerker_kurz.png">
<!-- video files -->
<source src="/media/exampleVideo/Maerker_kurz/small/Maerker_kurz.mp4">
<source src="/media/exampleVideo/Maerker_kurz/small/Maerker_kurz.ogv">
<source src="/media/exampleVideo/Maerker_kurz/Maerker_kurz.ogv">
<source src="/media/exampleVideo/Maerker_kurz/Maerker_kurz.webm">
<!-- text track file -->
<track kind="captions" label="German captions"
src="/media/exampleCaption/SprachdateiMaerker.vtt" srclang="de" />
<!-- fallback for browsers that don't support the video element -->
<div>
<a href="/media/exampleVideo/Maerker_kurz/Maerker_kurz.mp4">
Link zum direkten Download des Videos.
</a>
</div>
</video>
<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/