Videos responsive einbinden

Aus mediawiki.herrmayr.de

Beim Erstellen von eLearning-Angeboten sollte darauf geachtet werden, dass Videos responsive eingebunden werden. Das bedeutet, dass sich die Größe des Videos ideal an die jeweilige Display-Größe des Users anpasst.

In Rise 360 werden Videos automatisch responsive eingebunden. In anderen Systemen wie moodle kann das über einen HTML-Baustein erfolgen:

<div class="embed-responsive embed-responsive-16by9">
    <video class="embed-responsive-item" src="#.mp4" controls="" poster="https://moodle-files.alp.dillingen.de/LFO_MEBIS/slk/videocoverblau.png" allowfullscreen=""><track src="#.vtt" kind="subtitles" srclang="de" label="Deutsch"></video>
</div>