Einen schönen guten Morgen,
nachdem ich nun so gefühlt alle Foren durch bin und auch bei Google nichts passendes gefunden haben möchte ich hier einmal mein Problem schildern.
Ich möchte ein HTML5 Video im Background laufen lassen (funktioniert soweit) und für den ersten Ladeprozess soll ein Image angezeigt werden, welches der User vorher im Inhaltselement auswählt (siehe vorschaubild.png).
![]( "Image: https://www.typo3forum.net/uploads/editor/eg/q9nwsxldaq1q.png")
Hierzu habe ich mit DCE (Version 1.3.5) unter Typo 7.6.6 ein Inhaltselement erstellt in welchem das Bild als File Upload in einem Abschnitt ausgewählt werden kann.
![]( "Image: https://www.typo3forum.net/uploads/editor/j7/llk2nm0uwt64.png")
Soweit so gut. Achja die entsprechenden Video können dort auch ausgewählt werden. Das ganze soll im Frontend dann wie folgt ausgegeben werden:
Hierzu habe ich ich DCE unter Vorlage folgendes eingetragen:
<f:for each="{video.vorschaubild -> dce:explode()}" as="bild" >
<f:for each="{video.videomp4m4v -> dce:explode()}" as="videomp4m4vUid">
<f:for each="{video.videowebm -> dce:explode()}" as="videowebm">
nachdem ich nun so gefühlt alle Foren durch bin und auch bei Google nichts passendes gefunden haben möchte ich hier einmal mein Problem schildern.
Ich möchte ein HTML5 Video im Background laufen lassen (funktioniert soweit) und für den ersten Ladeprozess soll ein Image angezeigt werden, welches der User vorher im Inhaltselement auswählt (siehe vorschaubild.png).
Hierzu habe ich mit DCE (Version 1.3.5) unter Typo 7.6.6 ein Inhaltselement erstellt in welchem das Bild als File Upload in einem Abschnitt ausgewählt werden kann.
Soweit so gut. Achja die entsprechenden Video können dort auch ausgewählt werden. Das ganze soll im Frontend dann wie folgt ausgegeben werden:
<video width="100%" poster="HIER SOLL DAS BILD VERLINKT WERDEN" preload="auto" loop autoplay muted />
<source id="mp4" src="video.m4v" type="video/mp4">
<source id="webm" src="video.webm" type="video/webm">
</video>
Hierzu habe ich ich DCE unter Vorlage folgendes eingetragen:
<f:for each="{field.video}" as="video">
<f:for each="{video.vorschaubild -> dce:explode()}" as="bild" >
<video width="100%" poster="{bild}" preload="auto" loop autoplay muted />
</f:for>
<f:for each="{video.videomp4m4v -> dce:explode()}" as="videomp4m4vUid">
<source id="mp4" src="{videomp4m4vUid}" type="video/mp4">
</f:for>
<f:for each="{video.videowebm -> dce:explode()}" as="videowebm">
<source id="webm" src="{videowebm}" type="video/webm">
</f:for>
</video>
</f:for>
![]( "Image: https://www.typo3forum.net/uploads/editor/94/3h5ncg20cekw.png")
Die beiden ausgewählten Videos werden im Frontend angezeigt, nur das Bild wird einfach nicht ausgegeben, sondern nur die Nr des Images.
Ich habe jetzt schon einiges versucht, auch den Weg über FAL bin ich gegangen, immer nichts.
Vielleicht habt Ihr ja eine Idee für mich.
Die beiden ausgewählten Videos werden im Frontend angezeigt, nur das Bild wird einfach nicht ausgegeben, sondern nur die Nr des Images.
Ich habe jetzt schon einiges versucht, auch den Weg über FAL bin ich gegangen, immer nichts.
Vielleicht habt Ihr ja eine Idee für mich.