3.11.4 Animationen einbinden

[unmarkierte Version][unmarkierte Version]
Keine Bearbeitungszusammenfassung
Zeile 27: Zeile 27:
<loop_area type="example">
<loop_area type="example">
'''Code:'''
'''Code:'''
<code><loop_media type="animation" title="Beispielanimation" description="MP4-Video als Beispiel für eine ausgezeichnete Animation in LOOP.">
<code><loop_video source="testvideo_720x480.mp4"
<loop_video source="testvideo_720x480.mp4"
image="vorschaubild_testvideo.png"
image="vorschaubild_testvideo.png"
width="500" height="200">
width="500" height="200">
</loop_video>
</loop_video></code>
</loop_media></code>


'''Ergebnis:'''
'''Ergebnis:'''
<loop_media type="animation" title="Beispielanimation" description="MP4-Video als Beispiel für eine ausgezeichnete Animation in LOOP.">
<loop_video source="testvideo_720x480.mp4"
<loop_video source="testvideo_720x480.mp4"
image="vorschaubild_testvideo.png"
image="vorschaubild_testvideo.png"
width="500" height="200">
width="500" height="200">
</loop_video>
</loop_video>
</loop_media>
</loop_area>
</loop_area>



Version vom 9. Februar 2016, 13:09 Uhr

Animationen könne im mp4-Format in LOOP eingebunden werden. Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins Medienverzeichnis (<loop_media ... ) und den Datei-Tag ([[file: ]]) zur Darstellung des Videos in den Editor ein.

Loop seiteneditor loop-untermenue medienelement animation.png


Der generierte LOOP-Code mit einer Beispielanimation finden Sie im nachfolgenden Beispiel.

Beispiel

Code:

<loop_media type="animation" title="Beispielanimation" description="MP4-Video als Beispiel für eine ausgezeichnete Animation in LOOP."> [[file:testvideo_720x480.mp4]] </loop_media>

Ereignis:

Einbindung einer Animation mit Video-Tag[]

Mit dem Video-Tag von LOOP ist es möglich die verwendete Animation in ihrer Größe anzupassen, sowie ein Vorschaubild einzufügen.

Beispiel

Code:

<loop_video source="testvideo_720x480.mp4" image="vorschaubild_testvideo.png" width="500" height="200"> </loop_video>

Ergebnis:

Möchten Sie, dass das Video in das Medienverzeichnis übernommen wird, fügen Sie noch den Wikitext für die Medien-Auszeichnung hinzu:

<loop_media type="video" title="" description=""> </loop_media>