3.13.4 Animationen einbinden

[gesichtete Version]

Version vom 11. Februar 2021, 08:56 Uhr

Animationen können wie Videos im mp4-Format in LOOP eingebunden werden.

Einbindung einer Animation mit Video-Tag[]

Mit dem Video-Tag von LOOP ist es möglich, die Animation in Breite und Höhe width="500" height="430" anzupassen, sowie ein Vorschaubild image="Biomass-to-liquid.jpg" einzufügen.

Syntax: <loop_video source="biomass_to_liquid_des_gra_de.mp4" image="Biomass-to-liquid.jpg" width="500" height="430"> </loop_video>

Ergebnis:

Einbinden einer Animation mit Media-Tag[]

Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins Medienverzeichnis <loop_media type="anmation" ... </loop_media id="6024e33c83f6b"> und den Datei-Tag [[file:Dateiname.mp4]] zur Darstellung des Videos in den Editor ein.

Datei:Loop seiteneditor loop-untermenue medienelement animation.png

Abb.:

Wenn Sie die Breite und Höhe der Animation ändern wollen, benutzen Sie statt des Datei-Tags [[file:Dateiname.mp4]] den Loop_video-Tag <loop_video source="Dateiname.mp4" ... </loop_video>.

Datei-Tag[]

Syntax: <loop_media type="animation" title="Biomass to liquid" description="Studenmodul: Energietechnik" id="6024e33c83f72"> [[file:Biomass_to_liquid_des_gra_de.mp4]] </loop_media>

Ergebnis:

Med. 4: Biomass to liquid

Studenmodul: Energietechnik

Loop_video-Tag[]

Syntax: <loop_media type="animation" title="Biomass to liquid" description="Studienmodul: Energietechnik" id="6024e33c83f77"> <loop_video source="biomass_to_liquid_des_gra_de.mp4" image="" width="500" height="430"> </loop_video> </loop_media>

Ergebnis:

Med. 5: Biomass to liquid

Studienmodul: Energietechnik

@@ Zeile 1: / Zeile 1: @@
+Animationen können wie [[Videos einbinden|Videos]] im mp4-Format in LOOP eingebunden werden.
+=== Einbindung einer Animation mit Video-Tag ===
+Mit dem Video-Tag von LOOP ist es möglich, die Animation in Breite und Höhe <tt>width="500" height="430"</tt> anzupassen, sowie ein Vorschaubild <tt>image="Biomass-to-liquid.jpg"</tt>  einzufügen.
+'''Syntax:'''
+<code><loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="Biomass-to-liquid.jpg"
+width="500" height="430">
+</loop_video></code>
+'''Ergebnis:'''
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="Biomass-to-liquid.jpg"
+width="500" height="430">
+</loop_video>
+=== Einbinden einer Animation mit Media-Tag  ===
+Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins [[Spezial:LoopMedia|Medienverzeichnis]] <tt><code><loop_media type="anmation"  ... </loop_media id="6024e33c83f6b"> </code></tt> und den Datei-Tag <tt><code>[[file:Dateiname.mp4]]</code></tt> zur Darstellung des Videos in den Editor ein.
+<loop_figure id="6024e33c83f6f">
+[[Datei:loop_seiteneditor_loop-untermenue_medienelement_animation.png|600px]]
+<loop_title> </loop_title>
+<loop_description> </loop_description>
+</loop_figure>
+Wenn Sie die Breite und Höhe der Animation ändern wollen, benutzen Sie statt des Datei-Tags <tt><code>[[file:Dateiname.mp4]]</code></tt> den Loop_video-Tag <tt><code><loop_video source="Dateiname.mp4" ... </loop_video></code></tt>.
+====  Datei-Tag ====
+'''Syntax:'''
+<code><loop_media type="animation" title="Biomass to liquid"
+description="Studenmodul: Energietechnik" id="6024e33c83f72">
+[[file:Biomass_to_liquid_des_gra_de.mp4]]
+</loop_media></code>
+'''Ergebnis:'''
+<loop_media type="animation" title="Biomass to liquid"
+description="Studenmodul: Energietechnik" id="6024e33c83f75">
+[[file:Biomass_to_liquid_des_gra_de.mp4]]
+</loop_media>
+==== Loop_video-Tag ====
+'''Syntax:'''
+<code><loop_media type="animation" title="Biomass to liquid"
+description="Studienmodul: Energietechnik" id="6024e33c83f77">
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="" width="500" height="430">
+</loop_video>
+</loop_media>
+</code>
+'''Ergebnis:'''
+<loop_media type="animation" title="Biomass to liquid" description="Studienmodul: Energietechnik" id="6024e33c83f7a">
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="" width="500" height="430">
+</loop_video>
+</loop_media>