Kleine Videos in Dauerschleife automatisch abspielen lassen!

warner2 schrieb am 25.10.2017 um 18:56 Uhr

Guten Abend,

ich würde gerne in kleinen Rechtecken kurze Videos (5-10 Sekunden) abspielen lassen:

Video soll selbstständig starten
Video soll als Dauerschleife laufen
keine Möglichkeit für Betrachter einzugreifen (z.B.: Play/Pause)
Bei Klick soll auf eine Unterseite weitergeleitet werden

Was das Video angeht, habe ich alle Möglichkeiten (Formate usw.)!!

Ich habe sowas schon mal mit Umwegen gemacht (http://druckwerk-rhein-ruhr.de/flex-flockfolie.htm)
Doch so ist halt nicht 100% vom Video zu erkennen, das ist unschön :(

Kann mir jemand helfen?

Danke,

euer Warner

| Nutze Web Designer Premium |

Kommentare

BeRo schrieb am 26.10.2017 um 00:04 Uhr

[...] würde gerne in kleinen Rechtecken kurze Videos (5-10 Sekunden) abspielen lassen [...]

Das ist absolut kein Problem, weil es mit ein paar Mausklicks zu realisieren ist...

Lege die gewünschten Rechtecke als Platzhalter für die Videos an und füge jeweils im HTML Body ein paar Zeilen HTML Code ein, z. B. den folgenden:

---------------------------------------------------------------
<video poster="http://content.bitsontherun.com/thumbs/bkaovAYt-320.jpg" autoplay="" loop="" height="270" width="480">
<source src="http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4">
<p class="warning">Ihr Browser unterstützt kein HTML5 Video.</p>
</video>
---------------------------------------------------------------

Die im o. a. Code fett gezeigten Anweisungen "autoplay" und "loop" sorgen dafür, dass das Video automatisch startet und dass es endlos wiederholt wird.

Natürlich musst Du die im Code gezeigten Referenzen für das Posterbild und für das Video so ändern, dass Deine Dateien gezeigt werden. 😋
Als Quelle (source) der Dateien solltest Du das Verzeichnis "index_htm_files" angeben und dafür sorgen, dass die Dateien spätestens nach dem Upload dort abgelegt werden. Das geht am besten, wenn Du die Dateien vorher in das zum Projekt gehörende Hilfsverzeichnis verschiebst, dann sorgt der WD automatisch dafür, dass sie im Verzeichnis "index_htm_files" landen, wenn Du das Projekt exportierst oder veröffentlichst..

Hier und hier findest Du weitere Code Infos und die HTML5 Beispielvideos.

Auf der Infoseite wird noch beschrieben, dass es nötig ist, die Videos in min. 2 verschiedenen Formaten anzulegen; das trifft aber heute nur noch bedingt zu. Halbwegs aktuelle Browser unterstützen das MP4 Videoformat, sowohl auf den Mobilgeräten, als auch auf den diversen Desktop Geräten.

Probier's mal aus.

Viel Erfolg